Để xóa đường viền khỏi phần tử có thể chỉnh sửa, mã như sau -
Ví dụ
<!DOCTYPE html>
<html>
<head>
<style>
body{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
p{
font-size: 40px;
}
[contenteditable] {
outline: 0px solid transparent;
}
</style>
</head>
<body>
<h1>Remove Contenteditable Border Example</h1>
<p contenteditable="true">This is a contenteditable paragraph which you can edit</p>
</body>
</html> Đầu ra
Đoạn mã trên sẽ tạo ra kết quả sau -
Khi nhấp vào đoạn văn, bạn có thể chỉnh sửa nó như trong ảnh chụp màn hình bên dưới -
