0

我的网站 - http://www.automated-stores.com有一个奇怪的特征，即文本区域的蓝色背景，在这里可以更具体地看到：http ://www.automated-stores.com/vending-machines-business -电子产品-化妆品-香水

我没有对网站进行编码，但我想要更改它必须在 stylesheet.css 中，有人知道要输入/更改什么代码吗？

我以为会是这样：

input,textarea,select { 
    padding: 1px; 
    border: solid 1px #000000; 
    font-size: 10pt; 
    color:#000000; 
    background-color:#ffffff;
}

（之前颜色不一样）但是我换了好几次都没有效果。

4

5 回答 5

1

我查看了您的源代码，您需要在根目录下找到您的 style.css 并进行更改：

input,textarea,select { 
    padding: 1px; 
    border: solid 1px #5c8593; 
    font-size: 10pt; 
    color:#42484d; 
    background-color:#224f5f;
}

对此：

background-color:#ffffff;

请记住，这将影响输入、textarea、select 类的所有内容。我使用了 chrome inspect 和 firebug lite 工具来验证这一点并且它有效。如果您只想影响文本区域 bg 颜色，请执行以下操作：

input,select { 
    padding: 1px; 
    border: solid 1px #5c8593; 
    font-size: 10pt; 
    color:#42484d; 
    background-color:#224f5f;
}

textarea { 
    padding: 1px; 
    border: solid 1px #5c8593; 
    font-size: 10pt; 
    color:#42484d; 
    background-color:#ffffff;
}
于 2012-07-23T11:33:40.043 回答
0

更改页面颜色的具体规则textarea（第二个链接）在style.css第 44 行：

input, textarea, select {
    background-color: #224F5F; // This is the blue background
    border: 1px solid #5C8593;
    color: #42484D;
    font-size: 10pt;
    padding: 1px;
}

如果它只是您想要设置样式但不想触摸格式的文本区域，您可以执行以下两项操作之一：

选项1

保持 CSS 原样并在下面添加：

textarea {
    background-color:#FFFFFF !important;
}

我不喜欢这样做，因为它使 CSS 变得僵硬，并且大量的 !important 声明使得管理样式变得非常困难。

选项 2

将第 44 行样式更改为：

input, textarea, select {
    border: 1px solid #5C8593;
    color: #42484D;
    font-size: 10pt;
    padding: 1px;
}

textarea {
    background-color: #FFFFFF;
}

input, select {
    background-color: #224F5F;
}
于 2012-07-23T11:35:36.000 回答
0

你<textarea>有属性<... class="textarea"...你可以把它添加到你的样式表中

.textarea {
    background-color: #FFFFFF;
}
于 2012-07-23T11:38:22.447 回答
0

问题中的代码可以做到这一点，前提是您将其插入style到 tag 之后的元素中<link rel="stylesheet" href="style.css" type="text/css" />。外部样式表以简单的方式设置背景颜色等，只要您将代码放在该标记之后，就可以轻松地覆盖它。link

如果这似乎不起作用，请在浏览器中检查页面的 HTML 源代码。服务器软件可能对您的代码进行了一些修改，或者您的浏览器有旧版本的页面（此时 Ctrl+F5 应该会有所帮助）。

于 2012-07-23T11:38:31.767 回答
0

我建议简单地定位 textareas 并更改它们的背景颜色并给它们一个边框。

textarea {
    background-color:#FFF;
    border:1px solid #224f5f;
    color:#000;
}
于 2012-07-23T11:41:04.700 回答