Thay đổi màu giữ chỗ đầu vào tối hơn

Làm theo bài viết này (Style text input placeholder), tôi có thể thay đổi màu của phần giữ chỗ nhập văn bản thành màu đỏ. Nhưng nó luôn luôn là một màu đỏ nhạt, không phải màu đỏ chính xác.Thay đổi màu giữ chỗ đầu vào tối hơn

Có cách nào để biến nó thành màu đỏ chính xác không?

cập nhật

Màu trên Chrome là màu đỏ (điều này là đúng), màu sắc trên Firefox không phải là màu đỏ, đó là ánh sáng màu đỏ hoặc mờ, tôi đoán đó.

EDIT (từ câu trả lời OP):

Vui lòng kiểm tra ví dụ này (http://jsfiddle.net/LQkQG/), màu sắc là màu đỏ trên Chrome, nhưng light-red trên Firefox. Tôi muốn màu trên Firefox giống với Chrome.

Nguồn

2013-03-19 Phuc Pham

tôi đã tìm thấy bạn cần ghi đè độ mờ.

::-webkit-input-placeholder { /* WebKit browsers */ 
    color: red; 
    opacity: 1 !important; 
}

Nguồn

2013-03-23 11:53:43 Doug

Bạn là con người. Cảm ơn. –

gnarly, tôi đã không nhận thấy Chrome treo trên để opacity! –

hiện tại, bạn chỉ thay đổi màu sắc cho trình duyệt webkit :: - trình giữ chỗ webkit-đầu vào {/ * Trình duyệt WebKit */ màu: # 999; } : trình giữ chỗ -moz {/ * Mozilla Firefox 4 đến 18 */ màu: # 999; } :: - moz-placeholder {/ * Mozilla Firefox 19+ */ màu: # 999; } : -ms-input-placeholder {/ * Internet Explorer 10+ */ màu: # 999; } – Ivo

-2

Nhập giá trị thập lục phân cho màu.

Có thể sử dụng công cụ như http://www.colorpicker.com/?

Nguồn

2013-03-19 10:59:48

Có, bằng cách đặt giá trị của nó thông qua HEX (thập lục phân), bạn có thể kiểm soát tốt hơn màu nào sẽ sử dụng. Màu sắc cho màu đỏ tươi (như màu đỏ như nó được) là #FF0000

Firefox, tuy nhiên là một phiến quân cần phải được cho biết độ mờ sử dụng.

Để tham khảo hãy nhìn vào this chart

::-webkit-input-placeholder { 
    color: #FF0000; 
    opacity: 1 !important; /* for older chrome versions. may no longer apply. */ 
} 

:-moz-placeholder { /* Firefox 18- */ 
    color: #FF0000; 
    opacity: 1 !important; 
} 

::-moz-placeholder { /* Firefox 19+ */ 
    color: #FF0000; 
    opacity: 1 !important; 
} 

:-ms-input-placeholder { 
    color: #FF0000; 
}

Nguồn

2013-03-19 11:00:23

Câu trả lời này nên đặt độ mờ trong ':: - moz-placeholder {}' vì * Firefox * là trình duyệt có độ mờ thấp hơn. – Mottie

-4

truy cập: http://www.w3schools.com/html/html_colors.asp

<html> 
<head> 
<style type="text/css"> 

    input, textarea { color: #000; } 
    .placeholder { color: #aaa; } 
</style> 
</head> 
<body> 
<form action="" method="post"> 

      <input type="text" name="user" placeholder="enter a text" /> 
      <input type="submit" value="submit" onclick="test()" /> 
</form>

ở nơi mã màu bạn có thể viết trong đó bao giờ màu bạn muốn

Nguồn

2013-03-19 11:03:44

Bộ chọn lớp CSS không liên quan gì đến các thuộc tính HTML :) –

Thay đổi màu giữ chỗ đầu vào tối hơn

Trả lời

Các vấn đề liên quan