Cách xóa cạnh viền nội dung có thể chỉnh sửa

Học cách xóa cạnh viền từ phần tử có thể chỉnh sửa.

Xóa cạnh viền nội dung có thể chỉnh sửa

Mặc định, khi bạn viết nội dung trong contenteditable đặt thành true nội dung trong phần tử đó khi phần tử đó được tập trung sẽ có cạnh viền.

Nhưng, bạn có thể sử dụng CSS để xóa cạnh viền:

Bước 1 - Thêm HTML:

<p contenteditable="true">This is an editable paragraph.</p>

Bước 2 - Thêm CSS:

Sử dụng [Thuộc tính] Bộ lọc chọn tất cả các phần tử có thể chỉnh sửa nội dung và sử dụng outline Xóa cạnh viền thuộc tính:

[contenteditable] {
  outline: 0px solid transparent;
}

Thử trực tiếp

Trang liên quan

Tài liệu tham khảo:Thuộc tính contenteditable của HTML

Tài liệu tham khảo:CSS [Thuộc tínhChọn bộ lọc