Question

我的主css文件中的按钮具有全局css样式，但是我需要在特定页面上使用其他颜色。

我已经在特定页面的新类名上尝试了！important，但是除非我删除了主要的CSS文件（链接），否则它将无法正常工作。

我的按钮具有CSS样式，如下所示：

   /* Style the submit button with a specific background color GREEN etc */
   input[type=button] {
   background-color: #4CAF50;
   color: white;
   padding: 12px 20px;
   font-size: 16px;
   border: none;
   border-radius: 5px;
   cursor: pointer;
   -webkit-appearance: none;
   }

我要使用其他背景色（红色），直到按下按钮，然后将其更改为绿色。

Answer 1

    Try to write inline css it will be work.
    on particular page




<!DOCTYPE html>
<html>
<head>
<style> 
input[type=button], input[type=submit], input[type=reset] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  font-size: 16px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  -webkit-appearance: none;
}
</style>
</head>
<body>

<p>Styled input buttons.</p>

<input type="button" value="Button">
<input type="reset" value="Reset">
<input type="submit" value="Submit">

</body>
</html>

覆盖全局CSS样式

1 个答案: