Internet Explorer按钮:活动内部填充

mat*_*e64 21 css internet-explorer cross-browser

Trident <=9似乎将内部填充附加到活动 元素.

是否可以使用css 禁用此功能

注意:这只是一个例子,而不是真实世界的截图

小智 22

Microsoft Internet Explorer 11+中,您可以修复它!使用position: relative对按键的内部元素.

HTML:

<button><span>Submit</span></button>
Run Code Online (Sandbox Code Playgroud)

CSS:

button > span{position:relative}
Run Code Online (Sandbox Code Playgroud)

请享用!

  • +1经过测试,至少适用于IE11.对于至少某些版本的IE来说,这是一个很好的解决方案. (6认同)

thi*_*dot 18

更新:对于IE11 +,可以删除它.


不,你无法摆脱它(在旧版本的Internet Explorer中).

正如@Spudley所说:

如果您不想要这种效果,请不要使用button元素.

如果它真的很重要,那么a元素是唯一的选择,但它不值得转换只是为了解决这个问题.Internet Explorer的用户习惯使用它.

  • 是否有语义标记解决方案? (4认同)