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

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