Question

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

＆＃13;

.button {
  color: red;
}

＆＃13;

<!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>

＆＃13;

但它不起作用。我没有看到任何变化。此外，有人可以告诉我如何使用CSS中心这些按钮？谢谢你的帮助！

P.S。如果它有帮助，那么我在perl cgi脚本中这样做。

Answer 1

您在问题中提供的代码是孤立的。

在浏览器中打开开发人员工具。查看“网络”选项卡。查看getreplies.css请求的响应。

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

（由于你还没有完成这个调试，我会假设情况就是这样，因为这是你所看到的最可能的解释）

如果它有帮助，那么我在perl cgi脚本中执行此操作

CGI的典型配置是指定目录（通常为/cgi-bin/）包含CGI脚本和仅 CGI脚本。

由于getreplies.css是相对URI，如果您的脚本为/cgi-bin/example.cgi，那么您的样式表将为/cgi-bin/getreplies.css，您的网络服务器将尝试将其作为CGI脚本执行。

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

将样式表移出cgi-bin。

Answer 2

看起来你的css中拼写错误了。

.buton{
color: red;}

应该是。

.button{
color: red;}

利。

Answer 3

要设置按钮的样式，您应该使用input[type=button] {color: red; }

或者将班级名称.button更改为其他内容.mybutton

希望这个帮助

Answer 4

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

并放

 text-align:center;

在包含元素

上

此外，您可能需要清除缓存或在网址中添加？v = 0.001，如

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

每次刷新都会看到你的mod

Answer 5

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

.button{
    background-color: red;
}

使用CSS更改按钮颜色

5 个答案: