Heim > Web-Frontend > HTML-Tutorial > 按钮文字隐藏终极解决方案_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-24 12:34:47
Original
1165 Leute haben es durchsucht

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

方法一 text-indent负值法

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

方法二 font:0/0 a 方法

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

 

解决方案

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

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

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

ok 收工o(∩_∩)o 

 

欢饮批评指教

 

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage