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

Làm cách nào để ghi đè màu lựa chọn văn bản mặc định bằng CSS?

Để ghi đè màu lựa chọn văn bản mặc định bằng CSS, mã như sau

Ví dụ

<!DOCTYPE html>
<html>
<head>
<style>
   ::-moz-selection {
      color: rgb(255, 255, 255);
      background: rgb(118, 69, 231);
   }
   ::selection {
      color: rgb(255, 255, 255);
      background: rgb(118, 69, 231);
   }
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   p {
      font-size: 40px;
   }
</style>
</head>
<body>
<h1>Text selection color example</h1>
<h2>Select some text to see the text selection color</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Iusto consequuntur fugiat 
doloremque adipisci vero iste soluta ea ut! Exercitationem rem dolore delectus modi 
repellat quo mollitia temporibus laudantium, alias itaque tempora, iure voluptatem 
non voluptas, deleniti laborum? Cum ducimus unde, vitae consequuntur nobis dignissimos 
similique officia possimus quis necessitatibus praesentium!
</p>
</body>
</html>

Đầu ra

Đoạn mã trên sẽ tạo ra kết quả sau -

Làm cách nào để ghi đè màu lựa chọn văn bản mặc định bằng CSS?

Khi chọn một số văn bản, màu sắc sẽ thay đổi như trong ảnh chụp màn hình bên dưới

Làm cách nào để ghi đè màu lựa chọn văn bản mặc định bằng CSS?