gpt4 book ai didi

css - 输入背景颜色会破坏样式吗?

转载 作者:技术小花猫 更新时间:2023-10-29 10:22:16 26 4
gpt4 key购买 nike

我正在创建一个在 jQuery Validation 下验证的表单.我想对无效且需要更正的输入应用浅红色背景色。

当我将 background-color: #FFCCCC; 应用到输入时,吸引人的样式似乎被删除了,取而代之的是硬边框。例如,在 Firefox 中输入文本:

Styled and unstyled text input http://liranuna.com/strager/b/textbox-difference.png
( Live demo )

这在多个浏览器中都会发生。如果我设置 #FFFFFF 以外的任何 background 也会发生这种情况。

有没有办法在应用背景色的同时保留样式?

我对以某种方式模拟样式的 Javascript 解决方案持开放态度。

最佳答案

抱歉 - 输入元素上的任何样式都会破坏它们的操作系统/浏览器默认值。默认输入以完全不同的方式呈现 - 不幸的是,它们不像是作为 CSS 样式编码到浏览器中。

这里最好的做法是,与其尝试让您的红色背景输入模仿普通输入,不如创建您自己的有吸引力的样式!如果您喜欢那些浅色边框,请使用 border: 1px #ccc solid。如果您喜欢圆 Angular ,请利用 border-radius-moz-border-radius - 对于那些处于浏览器开发边缘的人,他们将拥有 '嗯。对于那些不是的人,他们不会注意到差异。

简而言之,不要试图使输入适合操作系统环境,而是根据您自己网站的外观设计它们。这将为您的网站整体创建更好的设计:)

关于css - 输入背景颜色会破坏样式吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/880152/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com