1

我有一个输入文本字段，我已经删除了它的边框并使用 CSS 更改了它的背景。

这在 Firefox 中运行良好，但我遇到的问题是在 Google Chrome 中！

好----> Firefox 应该是这样的：

http://tinypic.com/view.php?pic=n2g0g0&s=5

坏----->这是它在谷歌浏览器中的显示方式，输入字段周围有白色边框：

http://tinypic.com/view.php?pic=uc1me&s=5

这是我的 CSS 代码：

#myInput{

color:#FFF; 
font-family:Tahoma, Geneva, sans-serif; 
text-align:center; 
font-size:16px; 
background-color:#1abc9c; 
outline:none; 
border:none; 
border-style: none; 
font-weight:bold;
}

虽然上面的 CSS 是内联 CSS。

问题是如何删除输入字段周围的白色边框，使其看起来像 Firefox 中的那个？

谢谢

编辑：

这是 div 标签内的输入代码。这正是我在 HTML 页面中的内容：

<div id="yourCurrentTime"><FORM NAME="wcForm" >
  <input style=" color:#FFF; font-family:Tahoma, Geneva, sans-serif; text-align:center; font-size:16px; background-color:#1abc9c; outline:none; border:none; border-style: none; font-weight:bold -webkit-appearance:none; -moz-appearance:none; appearance:none;"  name="mClock" class="mClock" id="mClock" size="30" />
</FORM></div>
4

2 回答 2

4 
    <style>
        input{
            border: 0px solid
         }
     </style
于 2016-08-21T17:15:57.587 回答
3

您应该使用重置默认样式

#myInput{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
于 2013-08-13T15:25:59.173 回答