场景:将 input 按钮用 CSS 替换成图片按钮,但是 input value 上的文字怎么让它不显示呢?
Chrome 等浏览器中比较方便:color:transparent。可是 IE 6 不支持透明色。
先固定好按钮的宽度和高度,并 overflow:hidden;,然后设置 font-size:0px; 这还不够,还会显示字的一点点须须,所以需要再设置 line-height 足够大,让它顶下去。
也就是核心部分是:font-size:0px; line-height:100px;。