remove inner shadow of text input
所以我有一个文本输入,我使用HTML5,在Chrome上,我想改变一个文本输入的外观,我去掉了焦点上的轮廓(在Chrome上是橙色的),我把背景设置为浅色
它发生在Chrome、IE和Firefox上,无法测试任何其他浏览器。
示例:https://jsbin.com/quleh/2/edit?HTML,输出
这是Mobile Safari的解决方案:
-WebKit外观:无;
如这里建议的:删除移动Safari(iPhone)上的文本区域内部阴影
目前没有任何解决方案可用。这是我的解决方案。您可以添加前缀。
1 | box-shadow: inset 0px 0px 0px 0px red; |
号
加上
要在firefox中删除重影填充,可以使用
1 2 3 4 | ::-moz-focus-inner { border: 0; padding: 0; } |
见现场演示。
设置EDOCX1[4]使所有边相等,并删除任何类型的海关边界(实体除外)。另外,设置
试试这个埃多克斯1〔12〕
现场演示https://codepen.io/wenningguo/pen/kqgbxq
我正在开发火狐。我也遇到了同样的问题,输入类型文本是自动定义的,看起来像是boxshadow inset,但事实并非如此。您要更改的是边框…只需设置