Chèn :before và :after vào input trong css như thế nào?

Thảo luận trong 'Ngôn ngữ lập trình CSS, HTML, HTML5' bắt đầu bởi seolagi, 2/7/21.

  1. seolagi
    Tham gia ngày:
    16/4/14
    Bài viết:
    1,047
    Đã được thích:
    81
    Điểm thành tích:
    48
    Cho mình hỏi, sao mình chèn thuộc tính ::before và ::after vào input mà nó không có nhận hiccc, mình cần thay đổi icon và một số tùy chỉnh cho nó trong ::before và ::after vào input mà nó không nhận, bạn nào biết sao không giúp mình với.
    Mã:
    <input id="button-search" type="submit" value="" />
<style>
#button-search:before {
    content: '\sas0a';
    font-family: 'img-src';
    font-style: normal;
}
</style>
    Code ở trên :before nó không nhận hicc, giúp mình với
     
    Cảm ơn đã xem bài:

    Chèn :before và :after vào input trong css như thế nào?

    seolagi, 2/7/21
    #1
    Lịch 365 - Âm Lịch VN thích bài này.
  3. admin
    Tham gia ngày:
    22/5/13
    Bài viết:
    4,997
    Đã được thích:
    1,216
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Bạn ơi cái :before và :after nó không có nhận trong css của thẻ input ha bạn, bạn chế lại theo cách sau nhé:
    HTML:
    <input id="button-search" type="submit" value="" />
<label class="cs-button-search" for="button-search"></label>
<style>
.cs-button-search:before {
    content: '\sas0a';
    font-family: 'img-src';
    font-style: normal;
}
/* #button-search{display:none} */
</style>
     
    admin, 2/7/21
    #2
    Lịch 365 - Âm Lịch VN and seolagi like this.
  4. seolagi
    Tham gia ngày:
    16/4/14
    Bài viết:
    1,047
    Đã được thích:
    81
    Điểm thành tích:
    48
    Dạ em cảm ơn em không biết cái này ạ, cảm ơn ad rất nhiều, em làm được như ad chỉ rồi.
     
    seolagi, 2/7/21
    #3


Chủ để tương tự : Chèn before
Diễn đàn Tiêu đề Date
Ngôn ngữ lập trình CSS, HTML, HTML5 Chèn 2 lần url img vào background css như thế nào? 12/4/20
Ngôn ngữ lập trình CSS, HTML, HTML5 B4: Cách chèn Flash, File nhạc, File Phim, Bản đồ vào file HTML5 10/12/15