Computer >> Máy Tính >  >> Lập trình >> CSS

Tạo giao diện vô hiệu của một nút bằng CSS

Để tạo giao diện nút bị tắt, hãy sử dụng thuộc tính độ mờ CSS.

Ví dụ

Bạn có thể thử chạy mã sau để tạo giao diện nút bị vô hiệu hóa -

<!DOCTYPE html>
<html>
    <head>
      <style>
         .btn1 {
            color: black;
            text-align: center;
            font-size: 15px;
         }
         .btn2 {
            color: black;
            text-align: center;
            font-size: 15px;
            opacity: 0.5;
         }
      </style>
   </head>
   <body>
      <h2>Result</h2>
      <p>Click below for result:</p>
      <button class = "btn1">Enabled</button>
      <button class = "btn2">Disabled</button>
   </body>
</html>