【问题标题】:html input button default border csshtml输入按钮默认边框css
【发布时间】:2011-01-06 16:10:12
【问题描述】:

提交输入类型,通常在边角有一个“斜角”3D。如何使用 css 让它看起来简单?

【问题讨论】:

    标签: html forms input css


    【解决方案1】:

    这应该可以满足您的需要:

     input 
     {
            border: 0;
     }
    

    或者如果您想更具体:

     input[type=button], input[type=submit] 
     { 
            border: 0 
     }
    

    或者您可以使用内联样式:

    <input type=button value="Testing" style="border:0">
    

    【讨论】:

      【解决方案2】:

      为按钮添加任何类型的边框将删除内置“3D 效果”的浏览器。像下面这样的东西会添加一个简单的灰色边框。

      input[type=submit] {
          border: 1px solid 333;
      }
      

      请注意,默认按钮样式取决于浏览器和操作系统,因此如果您想完全控制页面的外观,绝对值得应用您自己的样式。

      【讨论】:

      • 事实上,所有 HTML 元素的默认样式是由 W3C 定义的。这并不能阻止不同的浏览器和操作系统以不同的方式做事,但应该在默认值中至少有某种程度的一致性。
      猜你喜欢
      • 1970-01-01
      • 2021-08-25
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-07-14
      • 1970-01-01
      • 2014-03-28
      相关资源
      最近更新 更多