css - 如何从输入中删除类似井的边框？

Question

我想用 input 达到同样的效果我可以用 contenteditable 实现的元素属性。我所做的可以在jsFiddle中看到.

HTML:

<div class="greenStripe">
    <input placeholder="Title" class='t'/>  
</div>

CSS:

.greenStripe{
    background-color:#13b4ff;
    width: 100%;
    height: 100px; 
}
.greenStripe .t{
    margin: 20px 0 0 10%;
    font-size: 42px;
    background-color:#13b4ff;
}

基本上<input/>看起来几乎和contenteditable一样，但我有这个可怕的 border秒。我可以用 CSS 以某种方式摆脱它们吗？

Answer 1

input { border-style: none; outline: 0; }

JSFiddle