如何在不更改样式的情况下更改输入边框的颜色?

丹尼·特彭尼(Danny Tuppeny)

我正在尝试做一些简单的事情;更改输入的边框颜色。在IE11和最新的稳定版Chrome中,更改颜色也会更改其外观(显示3D /较厚):

Wonkey CSS边框

如果我尝试使用“ 1px纯红色”,则边框看起来相同,但是尺寸会发生变化!

  1. 为什么改变颜色似乎不仅能改变颜色
  2. 我如何只更改颜色而不更改其他任何内容(样式,厚度,间距,大小等)

我试过弄乱了border-width和其他属性,但是它们都没有导致与默认值完全相同的大小/间距,只改变了颜色:(

(在发布之前,请先尝试在JSFiddle中进行更改...这么多的人正在发布错误的答案,然后将其删除!http://jsfiddle.net/S2TxT/4/

<input type="text" value="Default" />
<input type="text" style="border: 1px solid red" />
利物浦号码9

在IE11和Chrome中,这使我得到了匹配的框。

至于为什么...浏览器将是浏览器?

<input type="text" value="Default" />
<input type="text" value="Default" style="padding: 2px 1px; border: 1px solid red" />

http://jsfiddle.net/S2TxT/11/

编辑

经过进一步调查,很明显为什么会发生这种情况:http : //jsfiddle.net/S2TxT/18/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在不更改样式的情况下禁用日期选择器

来自分类Dev

如何在不更改javafx边框的情况下更改TextField的背景颜色?

来自分类Dev

如何在不改变边框颜色的情况下更改边框的不透明度

来自分类Dev

buefy输入不更改边框样式的颜色

来自分类Dev

如何在有/无焦点的情况下更改 ngTagsInput 的边框颜色?

来自分类Dev

如何在不更改CSS背景的情况下正确更改Fontello图标的颜色

来自分类Dev

如何在不更改recyclerView主体的情况下更改View Drawable的背景颜色?

来自分类Dev

如何在不更改外观的情况下使可拖动窗口边框变粗?

来自分类Dev

如何在不丢失布局角的情况下更改小部件背景颜色?

来自分类Dev

如何在不绘制我自己的情况下更改UIPopoverPresentationController的箭头颜色

来自分类Dev

如何在不更改原始颜色的情况下使用着色器

来自分类Dev

如何在不丢失格式的情况下更改文本颜色

来自分类Dev

如何在不更改Javascript页面的情况下访问用户输入的电子邮件

来自分类Dev

如何在不更改输入功能的情况下正确执行发电机工作?

来自分类Dev

HTML如何在不更改标签的情况下输入密码

来自分类Dev

如何在不更改Javascript页面的情况下访问用户输入的电子邮件

来自分类Dev

如何在不每次输入密码的情况下将更改推送到远程存储库?

来自分类Dev

如何在不更改默认选择的情况下创建额外的输入法服务?

来自分类Dev

如何在不更改自身样式的情况下向google.visualization.DataTable添加单独的样式

来自分类Dev

如何在不更改文本字段光标的情况下更改UISearchController搜索栏中的取消按钮的颜色?

来自分类Dev

如何在不更改变量的情况下递归

来自分类Dev

如何在不更改R中图例颜色的情况下使用几种符号,颜色和填写ggmap?

来自分类Dev

如何在没有添加类或ID的情况下更改元素的内联样式文本颜色?

来自分类Dev

在不显示的情况下更改输入样式:无

来自分类Dev

在不声明成员变量的情况下更改按钮颜色

来自分类Dev

如何更改输入边框颜色

来自分类Dev

如何在不更改托管文件的情况下(或在静态托管文件中未输入凭据的情况下)发送邮件

来自分类Dev

如何在不刷新页面的情况下更改表单输入中的预览值

来自分类Dev

在Android中,如何在不禁用onClick颜色的情况下更改listView的背景颜色?

Related 相关文章

  1. 1

    如何在不更改样式的情况下禁用日期选择器

  2. 2

    如何在不更改javafx边框的情况下更改TextField的背景颜色?

  3. 3

    如何在不改变边框颜色的情况下更改边框的不透明度

  4. 4

    buefy输入不更改边框样式的颜色

  5. 5

    如何在有/无焦点的情况下更改 ngTagsInput 的边框颜色?

  6. 6

    如何在不更改CSS背景的情况下正确更改Fontello图标的颜色

  7. 7

    如何在不更改recyclerView主体的情况下更改View Drawable的背景颜色?

  8. 8

    如何在不更改外观的情况下使可拖动窗口边框变粗?

  9. 9

    如何在不丢失布局角的情况下更改小部件背景颜色?

  10. 10

    如何在不绘制我自己的情况下更改UIPopoverPresentationController的箭头颜色

  11. 11

    如何在不更改原始颜色的情况下使用着色器

  12. 12

    如何在不丢失格式的情况下更改文本颜色

  13. 13

    如何在不更改Javascript页面的情况下访问用户输入的电子邮件

  14. 14

    如何在不更改输入功能的情况下正确执行发电机工作?

  15. 15

    HTML如何在不更改标签的情况下输入密码

  16. 16

    如何在不更改Javascript页面的情况下访问用户输入的电子邮件

  17. 17

    如何在不每次输入密码的情况下将更改推送到远程存储库?

  18. 18

    如何在不更改默认选择的情况下创建额外的输入法服务?

  19. 19

    如何在不更改自身样式的情况下向google.visualization.DataTable添加单独的样式

  20. 20

    如何在不更改文本字段光标的情况下更改UISearchController搜索栏中的取消按钮的颜色?

  21. 21

    如何在不更改变量的情况下递归

  22. 22

    如何在不更改R中图例颜色的情况下使用几种符号,颜色和填写ggmap?

  23. 23

    如何在没有添加类或ID的情况下更改元素的内联样式文本颜色?

  24. 24

    在不显示的情况下更改输入样式:无

  25. 25

    在不声明成员变量的情况下更改按钮颜色

  26. 26

    如何更改输入边框颜色

  27. 27

    如何在不更改托管文件的情况下(或在静态托管文件中未输入凭据的情况下)发送邮件

  28. 28

    如何在不刷新页面的情况下更改表单输入中的预览值

  29. 29

    在Android中,如何在不禁用onClick颜色的情况下更改listView的背景颜色?

热门标签

归档