草庐IT

border-color

全部标签

html - Chrome 与 box-sizing :border-box in a display:table

我正在使用display:table进行小型2Pane布局。对于间距(也来自背景图像),我使用padding。因为我需要child从可用空间中获得一个精确的width:50%(考虑到父级div的填充),我使用box-尺寸:边框框。这在Opera中运行良好,但在Chrome中box-sizing:border-box甚至-webkit-box-sizing:border-box都被默默地忽略了。我制作了一个展示问题的演示。两个红色框应该是正方形,蓝色框的宽度和高度应该是200px:http://jsfiddle.net/fabb/JKECK/这是html源代码:Somethingonth

html - 如何在 `border-*` 属性中使用百分比?

我有使用TwitterBootstrap3的代码,nav和right-arrow,我使用border-*属性创建的。但是如果我在right-arrow中使用很长的文本,它不会展开,如果我使用百分比,代码将无法运行...关于的示例JsFiddle.custom-nav-stacked>li>a{border-radius:2px;}.custom-nav-stacked>li.active>a:after,.custom-nav-stacked>li.active>a:hover:after,.custom-nav-stacked>li.active>a:focus:after{cont

python - 使用 html5 输入类型 ='color'

我有一个模型#models.pyfromdjango.dbimportmodelsclassFoo(models.Model):#...color=models.CharField(max_length=7,null=True)color应该存储十六进制颜色。我想使用html5inputtype"color"而不是inputtype="text".我通过设置以下表单对象进行了尝试:#forms.pyfromdjango.formsimportModelForm,CharFieldclassFooForm(ModelForm):classMeta:model=Foowidgets={'c

javascript - HTML5 Canvas : How to border a fillRect?

在HTML5中,我想制作一个fillRect()(填充颜色为白色)和一个border(黑色)。我不想使用strokeRect()除非我以后可以填充它。我正在制作一款游戏,您可以在其中点击方block,它们会改变颜色(比这更复杂,但这正是本文的重点)。varc=document.getElementById("canvas1");varctx=c.getContext("2d");ctx.strokeStyle="rgba(0,0,0,1)";ctx.strokeRect(0,0,100,100);Canvas周围的边框仅供引用。我也可以使用CSS,但目前一切都在HTML中。

html - :hover inherit the link color by default怎么可以

我希望每个:hover自动继承为各自的a元素定义的颜色,如果没有具体定义的话。color:inherit;似乎没有这样做,有什么想法可以实现吗? 最佳答案 color:inherit告诉a元素从其父元素继承颜色,而不是其“正常”或“通用”状态。由于:hover只是a元素的一种状态,如果您没有为a:hover指定颜色,那么它将使用已经在例如a规则中为其声明的任何颜色。所以根本不指定颜色。如果已经设置了不同的值并且您想覆盖它,唯一的方法是设置与原始样式表中的a规则中给定的颜色相同的颜色。 关

css - div 上的“border-bottom”出现在顶部? Div 没有环绕文字?

我正在div中创建类似表格的数据View。由于我使用的企业框架,我不得不使用大量内联HTML和CSS。形象化的方式:每一行都有一个容器div(rowContainer),一行中的每一行都包含在一个div(collResult)中。我希望border-bottom元素出现在容器div的底部。在IE中,这工作正常,但在Firefox中,边框不会环绕行,而是看起来与行结果完全不同步。这是我的代码示例:Number1ABCDENAMENONE感谢您的帮助 最佳答案 这是因为你在float内部div,float外部div也可以解决这个问题。当

html - 我可以替换 <table border=1 >' with ` <table >` + css: ` table{...}` 吗?

table{border:1pxsolid#000;}没有border=1似乎无法工作陈述。与更改的方式相同进入input{width:400px;},我想用并仅在css中声明边框。这可能吗?更新我的错误是使用table{border-width:1px;}而不是例如table{border:1pxsolid#000;}--效果很好。 最佳答案 使用这个CSS:table{border-collapse:collapse}td{border:1pxsolid#000}LiveDemoborder-collapse:collapse很

html - 为什么 border-radius 在 MobileSafari 中的文本输入上不能正常工作?

这是一个引用HTML文档:body{background-color:#000;}input{-webkit-border-radius:20px;}border-radius在基于Safari/WebKit的桌面浏览器上呈现良好,但在“MobileSafari”变体,即iPhone和iPad浏览器上,它呈现这个奇怪的框,这破坏了当输入显示在不同颜色的背景上时出现圆Angular错觉。 最佳答案 我设法通过减小边界半径来解决这个问题。该错误似乎只在边框半径大于元素高度的一半时才会出现。所以如果-webkit-border-radiu

html - :hover color is not working

一个很奇怪的事情..我想在悬停时更改链接的文本颜色和背景颜色。这是代码CSS:#link-menua{color:white;display:block;height:100%;width:100%;text-decoration:none;text-align:center;line-height:45px;font-weight:bold;font-family:"trebuchetms","comicsansms";outline:none;}.link2a:hover{color:black;background:white;}并不是悬停不起作用。背景颜色正在改变,但文本颜色没

html - 开发环境 : Weird colors in html id and class parameter values

我刚开始使用Netbeans,我很喜欢它,但我似乎找不到在哪里可以更改htmlid和类参数值的字体,而且它目前的颜色与我的标签相同,背景颜色是随机的。我一直在Tools->Options->Fonts->Syntax中尝试,但我似乎找不到正确的仪式和调用来改变它。我应该看哪里?这是一个说明问题的技术读出: 最佳答案 class和id属性的值实际上是CSS选择器,与普通的HTML参数值相比,它们具有不同的语法突出显示。要修改这些,您应该在字体和颜色选项屏幕的语法选项卡中更改级联样式表语言中选择器类别的值。