使用 CSS 更改按鈕顏色
[英]Changing button colour using CSS
問題描述
我有這個 html，它使用了一些 Javascript。 我正在嘗試使用 CSS 更改按鈕的顏色。 CSS 位於名為 getreplies.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 將這些按鈕居中嗎？ 謝謝你的幫助！
PS 如果有幫助，那么我將在 perl cgi 腳本中執行此操作。
6 個解決方案
解決方案1
1 2017-10-29 08:01:57
您在問題中提供的代碼是獨立運行的。
在瀏覽器中打開開發人員工具。 查看網絡標簽。 查看對getreplies.css請求的響應。
您可能會看到500 Internal Server Error。
（由於您尚未進行此調試，因此我將假定是這種情況，因為這是您所看到的內容的最可能的解釋）
如果有幫助，那么我將在perl cgi腳本中執行此操作
CGI的典型配置是指定目錄（通常為/cgi-bin/ ）包含CGI腳本，並且僅包含CGI腳本。
由於getreplies.css是相對URI，因此，如果您的腳本是/cgi-bin/example.cgi則樣式表將是/cgi-bin/getreplies.css並且您的Web服務器將嘗試將其作為CGI腳本執行。
由於它不是可執行文件，因此失敗。
將樣式表移出cgi-bin 。
解決方案2
1 2021-08-26 16:23:42
你可以試試這個代碼：
function setColor(e) { var target = e.target, status = e.target.classList.contains('active'); e.target.classList.add(status ? 'inactive' : 'active'); e.target.classList.remove(status ? 'active' : 'inactive'); }
.active { background-color: #7FFF00; } .inactive { background-color: #FFFFFF; }
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="getreplies.css"> </head> <input type="button" id="button" value="button" style="color:blue" onclick="setColor(event)"; data-count="1" /> </html>
解決方案3
0 2017-10-29 07:15:03
看起來您的CSS中的按鈕拼寫錯誤。
.buton{
color: red;}
應該。
.button{
color: red;}
李
解決方案4
-1 2017-10-29 07:24:04
要為按鈕設置樣式，應使用input[type=button] {color: red; } input[type=button] {color: red; }
或將類名.button更改為其他名稱.mybutton
希望這個幫助
解決方案5
-1 2017-10-29 07:28:06
.button{background-color:red;margin:0 auto;}
並把
text-align:center;
在包含元素上
另外，您可能需要清除緩存或在網址中添加？v = 0.001，例如
<link rel="stylesheet" href="getreplies.css?v=0.0001">
看到你的國防部每次刷新
解決方案6
-1 2017-10-29 07:37:14
您需要使用background-color而不是color ，例如：
.button{
background-color: red;
}
我創建了 css 導航欄，我選擇的導航按鈕沒有改變它的顏色，而是另一個按鈕正在改變它的顏色
[英]I have created css navbar, my selected nav button is not changing its colour,instead another button is changing its colour
React/Redux 使用狀態更改嵌套數組中按鈕的背景顏色
[英]React/Redux Changing background colour of button in nested array using state
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.