CSS中有很多種樣式可以應用到各種HTML標簽上,包括提交按鈕。對于提交按鈕,我們可以使用CSS來控制按鈕的外觀和行為。
/* 提交按鈕樣式 */ button[type="submit"] { background-color: #4CAF50; border: none; color: white; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; } /* 當鼠標懸停在按鈕上時的樣式 */ button[type="submit"]:hover { background-color: #3e8e41; }
以上樣式中,我們定義了一個名為“submit”的按鈕類型,然后定義了背景顏色、邊框、文字顏色、內邊距、對齊方式、字體大小和外邊距等屬性。我們還定義了懸停時按鈕的背景顏色。
通過CSS,我們可以將按鈕變得更加美觀、易于使用,這使得用戶更容易提交表單并獲得反饋。