Tôi có các trường biểu mẫu như <input type="text" placeholder="Name*">
. Sau đó, tôi đã áp dụng CSS cho trình giữ chỗ, vì vậy nó có màu xám. Tuy nhiên, tôi muốn thay đổi dấu hoa thị (*) thành màu đỏ. Làm thế nào tôi sẽ nhắm mục tiêu chỉ là một nhân vật bên trong thuộc tính với jQuery hoặc Javascript?jQuery - Nhắm mục tiêu một chữ cái cụ thể trong thuộc tính trình giữ chỗ trường mẫu
5
A
Trả lời
4
Ở đây bạn đi công trình đối với tôi
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<style>
input::-webkit-input-placeholder:after {
content: '*'; color: red;
}
</style>
</head>
<body>
<input type="text" placeholder="Name"></input>
<script>
</script>
</body>
</html>
3
Vì vậy, CSS chỉ có ::first-letter
và không::last-letter
phong cách ... Để làm ::first-letter
áp dụng đối với lá thư cuối cùng, bạn làm một thủ thuật bằng cách thay đổi hướng của văn bản như vậy:
::-webkit-input-placeholder {
unicode-bidi: bidi-override;
direction: rtl;
text-align: left;
}
::-webkit-input-placeholder::first-letter { /* WebKit browsers */
color: red;
}
Vấn đề với điều này là bạn cần đảo ngược thuộc tính trình giữ chỗ và không thể sử dụng dấu hoa thị vì đó được coi là sự kết nối. Nhưng bạn có thể sử dụng các ký tự unicode:) ...
<input type="text" placeholder="★ emaN">
Đây là JSFiddle: http://jsfiddle.net/988aejrg/1/
Các vấn đề liên quan
- 1. Jquery FancyBox nhắm mục tiêu ID DIV cụ thể?
- 2. Nhắm mục tiêu một thiết bị cụ thể trong trình mô phỏng iOS bằng Meteor
- 3. Thuộc tính trình giữ chỗ HTML5 trên Textarea qua jQuery trong IE10
- 4. ASP.NET MVC: AJAX ActionLink- Nhắm mục tiêu thuộc tính HTML
- 5. nhắm mục tiêu phiên bản frawework cụ thể trong csc.exe
- 6. css nhắm mục tiêu các thẻ div cụ thể trong một trang web HTML lớn
- 7. Nhắm mục tiêu cột cụ thể trong bảng
- 8. Tạm dừng trình chiếu jquery để tôi có thể nhắm mục tiêu phần tử nút trong công cụ chrome dev
- 9. CSS cách nhắm mục tiêu 2 thuộc tính?
- 10. yii2 Trình giữ chỗ trường ActiveForm
- 11. Không thể sử dụng Trình giữ chỗ thuộc tính Spring trong logback.xml
- 12. 2 màu trong một trình giữ chỗ của trường nhập
- 13. GWT SuggestBox có thuộc tính giữ chỗ
- 14. Thuộc tính trình giữ chỗ không được hỗ trợ trong IE. Bất kỳ đề xuất?
- 15. Cách tạo trình giữ chỗ cho một plugin cụ thể trong django-cms 3.0.0
- 16. AngularJS: Cách nhắm mục tiêu chỉ thị cụ thể với nhiều trường hợp
- 17. Firebase - Nhắm mục tiêu trường tài liệu Firestore cụ thể bằng chức năng đám mây
- 18. Phản ứng JSX: Cách đặt đạo cụ thành thuộc tính giữ chỗ
- 19. Thay thế trình giữ chỗ động trong các thuộc tính trong java
- 20. Trình giữ chỗ văn bản biểu mẫu HTML5 - Họ có lớp CSS giả không?
- 21. Truy cập có lập trình vào các thuộc tính được tạo bởi trình giữ chỗ thuộc tính
- 22. Trình giữ chỗ hoạt động như thế nào trong Flyway?
- 23. Giữ chữ cái trong TextArea khi không thể chỉnh sửa
- 24. Cách kiểm tra xem trình duyệt có hỗ trợ thuộc tính giữ chỗ gốc không?
- 25. Nhắm mục tiêu mỗi lần lặp thứ n của một phần tử có lớp cụ thể
- 26. Trình giữ chỗ trong IE7
- 27. css - giữ chỗ màu chữ trên firefox
- 28. Các yếu tố nhắm mục tiêu jQuery có chỉ mục()
- 29. Cách nhắm mục tiêu một phần tử <img> cụ thể của div trong CSS?
- 30. Có thể nhắm mục tiêu chrome chỉ
Cũng thấy ở đây http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder -color-with-css – Treesrule14
Chỉ hoạt động với webkit .. Không phải firefox hoặc IE –