html – 在css级别和元素级别定义的输入宽度

html – 在css级别和元素级别定义的输入宽度,第1张

概述<style>input[type="text"] { width: 200px; border: 1px solid #CCC;}</style><body><input type="text" name="test" value="test" size="5" /></body> 当浏览器(Firefox 5)浏览此视图时,“尺寸”显示为固定的200像素.看
<style>input[type="text"] {    wIDth: 200px;    border: 1px solID #CCC;}</style><body><input type="text" name="test" value="test" size="5" /></body>

当浏览器(firefox 5)浏览此视图时,“尺寸”显示为固定的200像素.看来我指定的大小被完全忽视了.

这是来自一个MVC项目,这是它附带的默认样式CSS.目前,我脱下宽度:200px.但是有没有办法保留它,并在“输入”级别覆盖它?

我也试过

<input type="text" name="test" value="test" wIDth="50px" />

它根本没有覆盖.

解决方法 如果要覆盖元素级别的CSS宽度,请尝试将样式标签直接应用于元素:
<input type="text" name="test" value="test"  />

这对我有用:

<HTML>   <style>      input[type="text"]       {         wIDth: 200px;         border: 1px solID #CCC;      }</style><body>      <input type="text" name="test" value="test"  /></body></HTML>

编辑添加:

是的,混合HTML w / CSS被认为是no-no,所以正确的解决方案是将其提取到一个类到底:

.my_text_Box {    wIDth: 50px; }

然后:

<input type="text" name="test" value="test"  />
总结

以上是内存溢出为你收集整理的html – 在css级别和元素级别定义的输入宽度全部内容,希望文章能够帮你解决html – 在css级别和元素级别定义的输入宽度所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1091452.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-27
下一篇2022-05-27

发表评论

登录后才能评论

评论列表(0条)

    保存