webkit外观 - textarea背景：无

Question

我有一个webkit外观问题。我想要完成的是使用一个部门作为一个具有texkit区域的webkit外观的可信部门。这非常有效，直到我尝试删除背景。我可以毫无问题地改变颜色，但删除它是徒劳的。我尝试使用透明图像作为背景，但文本区域的外观似乎将其覆盖为特定颜色。

问题是，是否可以将css设置为background：none;使用外观时。

我把一个jsfiddle放在一起作为一个进一步的解释。

.div1 {width: 350px;
height: 100px;
-webkit-appearance: textarea;
resize: both;
overflow: auto;}

jsfiddle

PS。我希望我做对了：）

Answer 1

只需将背景颜色更改为

即可

background-color: rgba(255, 255, 255, 0);

这将使背景透明。如果它将是零alpha（不透明度），你可以使RGB成为你想要的任何颜色。

http://jsfiddle.net/eMkv3/7/

以下是我的浏览器的截图：

Answer 2

请勿使用-webkit-appearance 。

WebKit正在将textarea的默认样式应用于div。

<强> CSS

.div1 {
    width: 350px;
    height: 100px;
    background: none;
    resize: both;
    overflow: auto;
    font-family: monospace;
    border: 1px solid #000;
}

textarea {
    background: none;
    width: 350px;
    height: 100px;
}

JSFiddle：http://jsfiddle.net/howderek/eMkv3/5/