使用CSS更改按钮颜色

我有这个html，它使用了一点Javascript。我正在尝试使用CSS更改按钮的颜色。该CSS是在一个名为getreplies.css文件，包含使用CSS更改按钮颜色

.button { 
 
    color: red; 
 
}

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <link rel="stylesheet" href="getreplies.css"> 
 
</head> 
 
<input class="button" type="button" onclick="location.href='path/messages.pl?name=<TMPL_VAR NAME=name>&page=<TMPL_VAR NAME=page>';" value="<TMPL_VAR NAME=page>"> 
 

 
</html>

但它不工作。我没有看到任何改变。另外，有人可以告诉我如何使用CSS来集中这些按钮吗？谢谢你的帮助！

P.S.如果它有帮助，那么我在一个Perl脚本中执行此操作。

来源

2017-10-29 Bob Jane

看起来你在css中拼写错了按钮。

.buton{ 
color: red;}

应该是。

.button{ 
color: red;}

Lee。

来源

2017-10-29 07:15:03

啊是的，这是一个错字。对于那个很抱歉。即使改变它，它也不起作用。 –

在你的css文件中有什么工作吗？ –

我粘贴 'html { \t background-color：＃FEF9E7; }' 但什么也没有发生。 –

-1

风格你按钮，您应该使用input[type=button] {color: red; }

或更改类名.button别的东西石灰.mybutton

希望这有助于

来源

2017-10-29 07:24:04

-1

.button{background-color:red;margin:0 auto;}

，并把

text-align:center;

在包含元素耳鼻喉科

你也可能需要清除缓存或者放？ν= 0.001像

<link rel="stylesheet" href="getreplies.css?v=0.0001">

的网址看到你的mods每刷新

来源

2017-10-29 07:28:06

-1

您需要使用的background-color代替color，例如：

.button{ 
    background-color: red; 
}

来源

2017-10-29 07:37:14

您在问题中提供的代码是独立工作的。

在浏览器中打开开发人员工具。看看网络标签。查看对getreplies.css的请求的响应。

您可能会看到500内部服务器错误。

（因为你没有这样做调试，我会认为是这样的话，因为这是最有可能的解释你所看到的）

，如果有帮助的话，我一个Perl CGI脚本

的CGI的典型配置中这样做是为了指定的目录（通常/cgi-bin/）包含CGI脚本和只有 CGI脚本。

由于getreplies.css是一个相对的URI，如果你的脚本是/cgi-bin/example.cgi那么你的样式将是/cgi-bin/getreplies.css和Web服务器将尝试执行它作为一个CGI脚本。

由于它不可执行，因此失败。

将样式表移出cgi-bin。

来源

2017-10-29 08:01:57 Quentin

-1

在这里你去改变颜色和居中就像你问

.button {background:#ffcc00} 
 
#center {text-align:center}

<div id="center"> 
 
<input class="button" type="button" value="button example"> 
 
</div>

来源

2017-10-29 08:20:03

使用CSS更改按钮颜色

回答

相关问题