Xóa Firefox phát sáng trên vùng văn bản tiêu điểm

Question

Tôi không thể tìm ra hình ảnh này. Tôi đang cố gắng loại bỏ ánh sáng xanh đó khi textarea được tô sáng trong Firefox.

Dưới đây là CSS của tôi:

textarea 
{ 
    margin:0; 
    padding:0; 
    width: 598px; 
    height: 600px; 
    resize: none; 
    outline: none; 
} 

:focus { 
     outline:0; 
     outline:none; 
} 

Nó loại bỏ nó trong Safari, nhưng tôi đã không may mắn với Firefox.

Cảm ơn! Matt

Answer 1

Bạn có thể xóa hình ảnh đó với -moz-appearance:none;, mặc dù điều đó có thể ảnh hưởng đến toàn bộ diện mạo mà bạn muốn.

Answer 2

Bạn không thể xóa ánh sáng trong Firefox Tôi nghĩ .. Chỉ có cách để làm điều đó bằng cách thêm đường viền tùy chỉnh vào phần tử của bạn, như border: 1px black;, điều đó sẽ làm cho hộp đầu vào không phát sáng.

Chỉ phổ biến trình duyệt cho phép thẻ outline là Safari và Chrome (không chắc chắn về trình duyệt Linux).

Answer 3

Tôi khá chắc chắn đó là hành vi theo chủ đề cụ thể của Mac OS X.

Answer 4

thế nào về

*:focus {outline:0px none transparent;} 

Answer 5

Cách tốt hơn để khắc phục điều này, theo ý kiến ​​của tôi, là xác định đường biên giới tùy chỉnh và :focus hành vi.

textarea { 
    margin:0; 
    padding:0; 
    width: 598px; 
    height: 600px; 
    resize: none; 
    outline: none; 
    border: none; 
} 

textarea:focus { 
     outline: none; 
     border: none; 
} 

Answer 6

Chỉ cần thêm hoặc xác định đường viền ... ví dụ: nếu đường viền được xác định và tôi đã thêm đường viền: không có gì; với CSS của tôi, điều này thực hiện thủ thuật.

Answer 7

Nếu bạn sử dụng này trên textarea phong cách:

outline:none; 

... nó sẽ làm việc với tất cả các trình duyệt, không chỉ Firefox

Answer 8

trên # 3

#Solution0:focus{ 
     border:solid #CCC 1px; 
     outline:1px none transparent; 
    } 

Answer 9

Câu trả lời không liên quan nhưng có thể hữu ích: Trong trường hợp của tôi, ánh sáng màu xanh lam đã gây ra sự cố liên kết trong Firefox chỉ vì nó bổ sung thêm một hoặc hai pixel và thay đổi kích thước phần tử tổng thể. Tôi đoán là có rất nhiều người sẽ đến câu hỏi này vì những lý do tương tự và thay vì loại bỏ các ánh sáng màu xanh hoàn toàn, giải pháp tôi đến là để tạo kiểu padding yếu tố đầu vào trong đặc biệt dành cho Firefox:

@-moz-document url-prefix() { 
    input:focus { 
     padding: 5px!important; 
    } 
} 

Bạn có thể thay đổi điều này để phù hợp với nhu cầu của bạn nhưng có thể hữu ích đối với một số bạn biết về quy tắc @-moz-document url-prefix().

Answer 10

Tôi vừa gặp sự cố với đầu vào văn bản- Firefox đang sử dụng thuộc tính đường viền để tạo ánh sáng màu xanh lam: lấy nét - không phác thảo.

input:focus, textarea:focus { 
    outline: none; // for other browsers 
    border: none; // only necessary if you haven't set a border on the element 
}