這是我在卡片 html 中的 html 表單。此表單出現在onlick正常作業的功能之后。但是下面表單的提交按鈕不顯示懸停效果。
<!-- Update details form here -->
<div class="UpdateForm-section">
<form action="/add_address" method="post">
<label>Car Name</label>
<input type="text" value="" name="ev_name" placeholder="Model name"><br>
<label>Manufacturer</label>
<input type="text" value="" name="ev_manufacturer" placeholder="Brand name"><br>
<label>Year</label>
<input type="number" value="" name="ev_year" placeholder="YYYY"><br>
<label>Battery size</label>
<input type="number" value="" step="any" name="ev_battery" placeholder="Capacity in Kwh"><br>
<label>Range</label>
<input type="number" value="" name="ev_range" placeholder="Range in Km"><br>
<label>Cost</label>
<input type="number" value="" name="ev_cost" placeholder="Price in €"><br>
<label>Power</label>
<input type="number" value="" name="ev_power" placeholder="Power in Kw"><br>
<br>
<input type="submit" id="update_submit" value="Update details" name="submit_button"/>
</form>
</div>
我的css檔案是：
#update_submit {
width: auto;
background-color: #4CAF50;
color: white;
padding: 6px 10px;
margin: 4px 0;
border: none;
border-radius: 4px;
cursor: pointer;
}
#update_submit : hover {
background-color: #ab1313;
}
我不知道為什么我的懸停效果不可見。我做錯什么了嗎？誰能幫我嗎？
uj5u.com熱心網友回復：
您正在#update_submit : hover洗掉空格中添加空格并像這樣寫
#update_submit:hover
uj5u.com熱心網友回復：
冒號必須緊挨著兩者
#update_submit:hover {
background-color: #ab1313;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/451929.html