文本区域边界不可见

Question

我想让文字区域边框不可见。当用户点击文本区域时，我想删除所有焦点，并且没有边框。

我的CSS

.message {
    border-radius: 0;
    border: none;
    margin : 0;
    resize: none;
}

我仍然看到一条细线。我怎么能删除它。 fiddle。我正在使用bootstrap 3

Answer 1

可能是添加边框的其他内容。尝试添加

border: 0 !important; 

如果有效，您可能想知道导致它的原因。

Answer 2

.message {
    border: 0 none #FFF;
    overflow: auto;
    outline: none;

    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -moz-appearance:none !important;
}

这有效!!!!