我已经创建了一个静态资源来定义我的xaml中特定项的边框,但我找不到为每个边定义唯一颜色的好方法!
XAML:
<Border Style="{StaticResource SidePanelBorder}">
<!-- rest of the xaml -->
</Border>
静态资源:
<Style x:Key="SidePanelBorder">
<Setter Property="Control.BorderBrush" Value="#FF363636" />
<Setter Property="Control.BorderThickness" Value="1" />
</Style>
但是我想为边框的每一边定义一种颜色,最后还要有不同的边框厚度.
有没有什么好的技术呢？
我想设置字段集的边框颜色.我正在使用类,但这不能正常工作,因为我想删除fieldset默认边框颜色.那么我该如何使用fieldset边框颜色.
<fieldset class="field_set">
<legend>box</legend>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table>
</fieldset>
CSS
.field_set{
border-color:#F00;
}
HTML:
<html>
<body>
<header>
<img class="logo" />
</header>
</body>
</html>
CSS:
* {
margin:0px;
padding:0px;
border:none;
}
img.logo {
width:126px;
height:50px;
background-image:url('images/logo.png');
}
每次我尝试为这样的IMG设置样式时会出现一个奇怪的边框.即使我会放置边框:0px; 或边界:无; 在img.logo css中,边界仍然存在.
我有一个UITextField,我试图使UITextField边框不可见,以便背景和UITextField将具有相同的颜色,并将有一个无缝的外观.但问题是我还使用占位符,并且有一个我无法删除的边框.我已经尝试过:
textOption.borderStyle = UITextBorderStyleNone;
textOption.layer.borderWidth = 0;
它没用.你能帮帮我吗？我仍然可以看到UITextField的边框.fyi:我使用的UITextView没有这个问题=> UITextViews中没有占位符.
我想在表格的某个字段上方放一条线,表示它是上述值的总和.但是,默认情况下,表格已经有边框.
这是一个例子:我有一个折叠边框的表.我在一个字段上设置了border-bottom,在它下面的字段上设置了border-top.这两个都指定相同的边框.使用顶部的CSS.有没有办法使用底部的？
<html>
<head>
<style type="text/css">
table { border-collapse: collapse; }
td.first { border-bottom: solid red 1px; }
td.second { border-top: solid gold 1px; }
</style>
<body>
<table>
<tr><td class="first">Hello</td></tr>
<tr><td class="second">World</td></tr>
</table>
</body>
</html>
这显示了两个细胞之间有一条红线.有没有办法获得金线？
出于某种原因,如果您为其提供背景图像,大多数现代浏览器将停止将其默认输入边框样式应用于文本框.相反,你得到了丑陋的插图风格.据我所知,没有CSS方式来应用默认浏览器样式.
IE 8没有这个问题.Chrome 2和Firefox 3.5也可以,我也假设其他浏览器.从我在网上看到的IE 7有同样的问题,但该帖子没有解决方案.
这是一个例子:
<html>
<head>
<style>
.pictureInput {
background-image: url(http://storage.conduit.com/images/searchengines/search_icon.gif);
background-position: 0 1px;
background-repeat: no-repeat;
}
</style>
<body>
<input type="text" class="pictureInput" />
<br />
<br />
<input type="text">
</body>
</html>
在Chrome 2中,它看起来像这样:http://www.screencast.com/users/jadeonly/folders/Snagit/media/d4ee9819-c92a-4bc2-b84e-e3a4ed6843b6
而在Firefox 3.5:http://www.screencast.com/users/jadeonly/folders/Snagit/media/d70dd690-9273-45fb-9893-14b38202ddcc
更新:JS解决方案:我仍然希望找到一个纯粹的CSS输入解决方案,但这里是我现在要使用的解决方法.请注意,这是粘贴在我的应用程序之外,所以不是一个很好的,独立的例子,如上所述.我刚刚从我的大型网络应用程序中包含了相关部分.你应该能够理解这个想法.HTML是带有"link"类的输入.大的垂直背景位置是因为它是一个精灵.在IE6,IE7,IE8,FF2,FF3.5,Opera 9.6,Opera 10,Chrome 2,Safari 4中测试过.我需要在某些浏览器中调整几个像素的背景位置:
JS:
$$('input.link').each(function(el) {
new Element('span',{'class':'linkIcon'}).setText(' ').injectBefore(el);
if (window.gecko) el.setStyle('padding', '2px 2px 2px 19px');
});
CSS:
input.link { padding-left: 19px; }
span.linkIcon { z-index: 2; width: 19px; height: 19px; position: absolute; background-image: url(img/fields.gif); …有没有一种方法可以在jQuery中设置Webkit和Mozilla浏览器中可用的css3 border-radius属性的动画？
我还没有找到能够做到这一点的插件.
-webkit-border-radius
-moz-border-radius
有没有人知道如何在没有边框的情况下调整winform的大小.我不想要Windows的默认边框,所以我将属性"FormBorderStyle"更改为"None".这删除了边框,虽然现在无法调整大小.我已经想出如何移动表单,我只需要知道如何调整它.