使用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更改按鈕顏色

回答

相關問題