2012-07-23 18 views
0

我的网站 - http://www.automated-stores.com有蓝色十岁上下的背景文本区域的奇怪的特性,看到更具体的位置:http://www.automated-stores.com/vending-machines-business-electronics-cosmetics-perfume如何为我的文本区域创建白色背景(从不同的颜色更改它)?

,我没有对网站代码,但我想,要改变这一点,就必须在stylesheet.css中,有没有人知道输入/更改什么代码?

我认为这将是这样的:

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

(颜色之前是不同的),但我已经没有效果更改了好几次。

+0

它应该工作。 – SVS 2012-07-23 11:42:00

回答

1

我看穿了你的源代码看起来,你需要找到自己的根在你的style.css文件,并更改此:

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

这样:

background-color:#ffffff; 

记住这将影响一切用输入类textarea选择。我用铬检查和萤火虫精简版工具来验证这一点,它的工作。如果你只是想实现文本区域背景色做到这一点:

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; 
} 
+0

如果你改变颜色/边框和所有的白色。它会看起来不在那里。 – 2012-07-23 11:35:38

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刚性,很多重要的声明,使管理风格非常困难。

选项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; 
} 
+0

我用选项2来更改样式表,但评论框仍然没有改变颜色! – Nelly 2012-07-23 12:03:50

+0

请链接Nelly?让我看看你已经尝试过了。 – 2012-07-23 12:13:17

+0

@NellyMatorina我正在查看您的网站,并通过编辑CSS第44行上的背景色来自由更改所有文本区域和输入的背景颜色。这是100%的问题,你是否确认你已经从第44行的声明中删除了背景色? – 2012-07-23 12:25:55

0

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

.textarea { 
    background-color: #FFFFFF; 
} 
0

在问题中的代码做它,只要你插入它,例如在标签<link rel="stylesheet" href="style.css" type="text/css" />后面的style元素中。外部样式表以简单的方式设置背景颜色等,只要您将代码放置在标记为link之后,即可轻松覆盖。

如果这看起来不起作用,请在浏览器中检查页面的HTML源代码。服务器软件可能会对您的代码进行一些修改,或者您的浏览器已获得旧版本的页面(Ctrl + F5应该可以帮助您)。

0

我建议简单地针对textareas并改变它们的背景颜色并给它们一个边框。

textarea { 
    background-color:#FFF; 
    border:1px solid #224f5f; 
    color:#000; 
} 
相关问题