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

我希望使用

input

元素实现与使用

contenteditable

属性相同的效果。我所做的一切可以从中看出

HTML:

基本上，

与

contenteditable

看起来几乎一样，但我有一个可怕的

边框。我能用CSS摆脱它们吗

.greenStripe输入{border:none；}
<div class="greenStripe">
    <input placeholder="Title" class='t'/>  
</div>

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

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