欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

如何在w3school css框架中自定義w3-button-hover類？

CSS
錢良釵2年前8瀏覽0評論

在w3schools CSS框架中有一些預(yù)定義的按鈕和這些按鈕的預(yù)定義設(shè)置。我已經(jīng)通過在HTML文件中添加。class(.w3-button)在head部分的style元素中，但是我不能對懸停設(shè)置做同樣的事情。

<!DOCTYPE html>
<html>
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" >
<style>
.w3-button {
      background-color: #8B4513;
      box-shadow: 2px 5px 5px  black;
      border-radius: 4px;
      color:black;
      }
      
  .w3-hover-green { <!-- I've tried to that but it didnt work -->
  background-color: #D2691E;
  color: white;
}
 </style>
 
 <body>
 <p><button class= "w3-button w3-hover-green"> button </button> </p>

在w3中覆蓋W3按鈕懸停樣式的技巧。CSS就是用CSS！重要的例外。

雖然我相信！重要的應(yīng)該盡可能避免，這實(shí)際上是如何& quot官方& quotW3。CSS自定義主題的工作，正如你在W3。CSS顏色生成器頁面。

一個簡單的例子:

a.custom-hover-color:hover { 
  background-color: orange !important;
  color: red !important;
}

<link rel="stylesheet" >

<a class= "w3-button w3-green custom-hover-color"> click me </a>

嘿，在代碼的最后一部分& ltp & gt& ltbutton class= "w3-button(在此處添加一個點(diǎn))w3-hover-green " >按鈕& lt/button & gt；& lt/p & gt；請在“w3-懸停-綠色”前加一個點(diǎn)

祝你好運(yùn)！