Question

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

这在Firefox中运行良好，但我遇到的问题是谷歌浏览器！

好----＆GT;这就是它应该如何并且在Firefox中：

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

为-----＆GT;这就是Google Chrome在输入字段周围显示白色边框的方式：

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>

Answer 1

    <style>
        input{
            border: 0px solid
         }
     </style

Answer 2

您应该使用

重置默认样式

#myInput{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}

使用CSS删除输入框边框？

2 个答案: