0

我有一个 webkit 外观问题。我想要完成的是使用一个分区作为一个内容可编辑的分区,并带有一个 textarea 的 webkit 外观。在我尝试删除背景之前,这非常有效。我可以毫无问题地更改颜色,但事实证明删除它是徒劳的。我尝试使用透明图像作为背景,但文本区域的外观似乎将其覆盖为特定颜色。

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

我整理了一个 jsfiddle 作为进一步的解释。

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

jsfiddle

PS。我希望我做对了:)

4

2 回答 2

0

只需将背景颜色更改为

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

这将使背景透明。如果它将是零 alpha(不透明度),您可以使 RGB 成为您想要的任何颜色。

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

这是我的浏览器上的截图: 截屏

于 2013-04-16T17:48:33.403 回答
0

不要使用-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/

于 2013-04-16T18:13:25.540 回答