Cách thực hiện - Xóa đường viền có thể chỉnh sửa được
Tìm hiểu cách xóa đường viền khỏi phần tử có thể chỉnh sửa.
Xóa đường viền có thể chỉnh sửa nội dung
Theo mặc định, khi bạn viết bên trong một phần tử có contenteditable
được đặt thành true
, phần tử đó sẽ có đường viền bao quanh tiêu điểm. Tuy nhiên, bạn có thể sử dụng CSS để xóa đường viền:
Bước 1) Thêm HTML:
Ví dụ
<p contenteditable="true">This is an editable paragraph.</p>
Bước 2) Thêm CSS:
Sử dụng bộ chọn [ attribute ]
để chọn tất cả các thành phần có thể chỉnh sửa được và xóa đường viền bằng thuộc tính outline
:
Mẹo: Đi tới Tham chiếu thuộc tính có thể chỉnh sửa nội dung HTML của chúng tôi để tìm hiểu thêm về thuộc tính có thể chỉnh sửa nội dung chung.
Mẹo: Hãy truy cập Bộ chọn [ thuộc tính ] CSS của chúng tôi để tìm hiểu thêm về bộ chọn [ thuộc tính ].