Kiểu đường viền của nút liên kết href không được hiển thị trong trình duyệt Chrome. Đây là mã cho vấn đề này:

.link_button
{
	-webkit-ngoại hình: nút;
	-moz-ngoại hình: nút;
	ngoại hình: nút;
}

đầu vào[loại=gửi], .link_button
{
	trang trí văn bản: không có;
	phần đệm: 1px 6px;
	đường viền: 10px màu đỏ đậm;
	màu: #000000;		
	màu nền: #DDDDDD;
}

Quay lại để xem văn bản mới



	

Đây là cách Chrome (v.47) hiển thị mã này:

Như bạn có thể thấy, không có đường viền màu đỏ đặc xung quanh nút liên kết href. Các nút đầu vào có các đường viền này.

Trong khi đó, Firefox (v.42) hiển thị cùng một mã cho cả hai loại nút, với đường viền màu đỏ liền nét:

Câu hỏi đặt ra là tại sao Chrome không tạo viền trong trường hợp nút liên kết href? Làm thế nào để khắc phục nó?

câu trả lời hay nhất

vẻ bề ngoài Thuộc tính được thiết kế để hiển thị phần tử dưới dạng phần tử gốc của trình duyệt. Khi sử dụng Google Chrome, họ sẽ cái nút Đường viền được đặt thành Mặt nút phác thảo 2px. Đây là sử dụng vẻ bề ngoài các thuộc tính không thể bị ghi đè.

Tuy nhiên, trong .link_button Để sử dụng đường viền màu đỏ xung quanh nó, hãy sử dụng:

bóng hộp: 0px 0px 0px 10px màu đỏ;

thay thế đường viền: 10px màu đỏ đậm;

Về kiểu đường viền của nút liên kết html - href không hiển thị trong chrome, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/36532602/