草庐IT

webkit-margin-before

全部标签

html - 伪类::before - 创建 css 圆

我正在尝试用css创建圆圈,但不想使用伪类::before这应该是这样的(对于地铁站列表):.subway-item{//cssfortextitemgoingaftercircle}.subway-item::before{width:15px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;background-color:#69b6d5;}我知道可以在文本或图像之前使用附加元素来完成。但是想知道是否可以在::before中使用这些属性 最佳答案

html - Margin-top 不适用于 <p> 和 <a> 标签?

我一直在尝试为链接按钮实现margin-top,但它根本不起作用。我还尝试了'p'和'a'标签的内联样式。有3个li元素,我没有在这里发布完整代码,因为它与第一个li元素相同。HTMLService1Ametnisiporttitorenimparturient,cras!Odiopulvinaracras?Sitsociis.AuguetempormidrhoncusnecnisiacpulvinardictumstReadMore这是上述html的css代码。CSS代码:#services{background-color:#afc1ff;height:490px;padding:

html - Margin-top 不适用于 <p> 和 <a> 标签?

我一直在尝试为链接按钮实现margin-top,但它根本不起作用。我还尝试了'p'和'a'标签的内联样式。有3个li元素,我没有在这里发布完整代码,因为它与第一个li元素相同。HTMLService1Ametnisiporttitorenimparturient,cras!Odiopulvinaracras?Sitsociis.AuguetempormidrhoncusnecnisiacpulvinardictumstReadMore这是上述html的css代码。CSS代码:#services{background-color:#afc1ff;height:490px;padding:

html - 使用 :before pseudo class in css 插入特殊字符

我在css中摆弄:before伪类,试图插入一个特殊字符,但结果不是我所希望的。使用:.read_more:before{content:"»";margin-right:6px;}我得到了我想要的字符,但前面有一个字符并使用:.read_more:before{content:"»";margin-right:6px;}我在html页面上得到了完整的»。我可以想出几种方法来解决我的问题,但我想知道如果我想使用:before伪类,正确的语法是什么。顺便说一下,我的文档类型是: 最佳答案 试试这个.read_more:be

html - 使用 :before pseudo class in css 插入特殊字符

我在css中摆弄:before伪类,试图插入一个特殊字符,但结果不是我所希望的。使用:.read_more:before{content:"»";margin-right:6px;}我得到了我想要的字符,但前面有一个字符并使用:.read_more:before{content:"»";margin-right:6px;}我在html页面上得到了完整的»。我可以想出几种方法来解决我的问题,但我想知道如果我想使用:before伪类,正确的语法是什么。顺便说一下,我的文档类型是: 最佳答案 试试这个.read_more:be

html - 可以制作 :after/before pseudo elements clickable as part of the link?

伪元素a:aftera:before允许您添加看起来是链接一部分的文本。但是,我似乎无法想出一种方法来使该部分作为链接的一部分可点击。例如,下面的css显示之后的url:a:after{content:"("attr(href)")";}...但它不会被点击。有人在不改变底层HTML的情况下解决这个问题吗?编辑:我使用的是chrome13.0.782.107。原来是bug.(感谢肖恩) 最佳答案 您似乎发现了所用浏览器的错误。基于spec,生成的内容应被视为为其生成的元素的子。我创建了一个JSFiddle对此进行测试,并且在大多数浏

html - 可以制作 :after/before pseudo elements clickable as part of the link?

伪元素a:aftera:before允许您添加看起来是链接一部分的文本。但是,我似乎无法想出一种方法来使该部分作为链接的一部分可点击。例如,下面的css显示之后的url:a:after{content:"("attr(href)")";}...但它不会被点击。有人在不改变底层HTML的情况下解决这个问题吗?编辑:我使用的是chrome13.0.782.107。原来是bug.(感谢肖恩) 最佳答案 您似乎发现了所用浏览器的错误。基于spec,生成的内容应被视为为其生成的元素的子。我创建了一个JSFiddle对此进行测试,并且在大多数浏

html - Phonegap 样式-webkit-user-select : none; disabling text field

我是Phonegap的新手。我有一个问题,在干净的Phonegap元素中使用的默认css不允许输入文本字段。我将它缩小到一行CSS:*{-webkit-touch-callout:none;/*preventcallouttocopyimage,etcwhentaptohold*/-webkit-text-size-adjust:none;/*preventwebkitfromresizingtexttofit*/-webkit-tap-highlight-color:rgba(0,0,0,0);/*maketransparentlinkselection,adjustlastvalu

html - Phonegap 样式-webkit-user-select : none; disabling text field

我是Phonegap的新手。我有一个问题,在干净的Phonegap元素中使用的默认css不允许输入文本字段。我将它缩小到一行CSS:*{-webkit-touch-callout:none;/*preventcallouttocopyimage,etcwhentaptohold*/-webkit-text-size-adjust:none;/*preventwebkitfromresizingtexttofit*/-webkit-tap-highlight-color:rgba(0,0,0,0);/*maketransparentlinkselection,adjustlastvalu

css - 左边距 : auto and margin-right: auto not working on input

我有一个表单输入,我试图将其居中对齐。通常margin-left:auto和margin-right:auto在display:block未添加到CSS时无法响应。我已将display:block添加到我的CSS,但它仍然没有按我希望的方式显示。我制作了一个JSFiddle以便于理解:http://jsfiddle.net/XnKDQ/97/ 最佳答案 为了margin:0auto;上类,除了display:block一个width需要指定。 关于css-左边距:autoandmargi