Làm cách nào để tạo một hộp văn bản HTML không viền để hoạt động trong trình duyệt Google Chrome? Tôi muốn làm điều này trong CSS, nếu có thể.Làm cách nào để tạo một hộp văn bản không viền trong Google Chrome bằng CSS?
CSS 3 có thể giúp đỡ ở đây:
input[type=text],
input[type=text]:hover,
input[type=text]:focus,
input[type=text]:active
{
border: 0;
outline: none;
outline-offset: 0;
}
Một vùng văn bản? Giống như:
HTML: <textarea></textarea>
CSS: textarea { border: none 0; }
trong css, viết
input, textarea, input:focus, textarea:focus {
background:transparent;
border:0;
}
điều quan trọng là để đảm bảo không biên giới xuất hiện trên tập trung
-1: Điều đó vẫn hiển thị đường viền màu vàng. –
Bạn có thể sử dụng sau đây để xóa đường viền và đường viền tiêu điểm ra khỏi các hộp văn bản.
input[type=text], textarea {
border: 0;
}
input[type=text]:focus, textarea:focus {
outline: none;
}
Trong trường hợp anh ta sử dụng textarea? – Kriem
@Kiểm tra: Thay thế 'đầu vào [type = text]' bằng 'textarea'. –
-1: Đó vẫn cho thấy phác thảo màu vàng trên tập trung. –
@Andrew: 'không biên giới'! = 'Outline-less', heh. – Chris
Câu hỏi được hướng đến Chrome cụ thể. Tôi khá rõ ràng với tôi rằng người mà HAD đã đoán 'border: 0' và đang cố gắng loại bỏ phác thảo tập trung. –