当前位置:Gxlcms > html代码 > 按钮文字隐藏终极解决方案_html/css_WEB-ITnose

按钮文字隐藏终极解决方案_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:69人阅读

关于按钮文字隐藏已知的一些处理方法都不是很完美:

方法一 text-indent负值法

ie6,7下按钮本身也会被拐飞 - -

方法二 font:0/0 a 方法

ie6,7下会在按钮上看到一条细线

解决方案

对于高级浏览器 可以使用color:transparent对按钮文字进行隐藏

对于ie6,7 请使用神奇的padding-left属性

ie6,7下在按钮给定宽度的情况下 给按钮设置较大的padding-left属性值时,可以发现按钮本身宽度不变 但按钮上的文字已经被挤走了

ok 收工o(∩_∩)o

欢饮批评指教

人气教程排行