|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
强大的字体控制和排版能力。CSS控制字体的能力比糟糕的FONT标签好多了。
破洛洛文章简介:巧用:empty办理webkit中心扫瞄器text-indent的bug.
今天在项目中碰到要在一个输出框中利用缩进的情形,要用text-indent首行缩进2个笔墨。然后发明在webkit下,在输出框内容为空的时分,光标地位没有缩进,仍是外行首,输出恣意字符后,缩进才被激活。
HTML代码以下:- <inputtype="text"style="text-indent:2em"/>
复制代码 检察demo
这里不管是input元素仍是textarea,或是别的设置了contentEditable=”true”的元素,都能必现这个bug。
IE各版本,Firefox均一般,只要chrome和safari等webkit内核的扫瞄器才有这个成绩。
这里百思不得其解,也实验了良多办法,均有效。
厥后和小李刀刀、poor聊到这个成绩,俄然想到:empty伪类,立即测试,公然能够办理——固然只曲直线摹拟办理…- input[type="text"]:empty{padding-left:2em;}
复制代码 然后在chromium社区提交了个bug单,不晓得会不会被忽视。
PS:Opera在这里也有些小成绩,input元素缩进体现一般,textarea元素不撑持缩进,contentEditable=”true”元素和webkit体现一样。
http://www.qianduan.net/fixed-text-indent-in-webkit-editable-element-bug.html
</p>
可以增加更多的用户而不需要建立独立的版本。可以一次设计,随处发布。 |
|