Cách thực hiện - Xóa đường viền có thể nội dung
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ể nội dung
Theo mặc định, khi bạn viết bên trong một phần tử đã contenteditable
được đặt thành true
, phần tử đó sẽ có đường viền xung 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:
Thí dụ
<p contenteditable="true">This is an editable paragraph.</p>
Bước 2) Thêm CSS:
Sử dụng bộ chọn để chọn tất cả các phần tử có thể chỉnh sửa được và xóa đường viền với thuộc tính:[attribute]
outline
Thí dụ
[contenteditable] {
outline: 0px solid transparent;
}
Mẹo: Đi tới Tham chiếu thuộc tính có thể nội dung HTML của chúng tôi để tìm hiểu thêm về thuộc tính có thể nội dung toàn cục.
Mẹo: Đi tới 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 ].