我目前正在设计 <input type='button'/>
具有以下 CSS 的元素:
background: transparent url(someimage);
color: transparent;
我希望按钮显示为图像,但我不希望 value
上面显示的文本。正如预期的那样,这适用于 Firefox。但是,在 Internet Explorer 6 和 Internet Explorer 7 上我仍然可以看到文本。
我试过各种技巧来隐藏文本,但都没有成功。是否有使 Internet Explorer 正常运行的解决方案?
(我只能使用 type=button
,因为这是一个 Drupal 表单,它的表单 API 不支持图像类型。)
最佳答案
我用
button {text-indent:-9999px;}
* html button{font-size:0;display:block;line-height:0} /* ie6 */
*+html button{font-size:0;display:block;line-height:0} /* ie7 */
关于CSS隐藏INPUT BUTTON值文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/600438/