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

    seolagi

    Moderator

    Thành viên BQT

    Tham gia ngày:
    16/4/14
    Bài viết:
    826
    Đã được thích:
    70
    Điểm thành tích:
    28
    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?

    Lịch 365 - Âm Lịch VN thích bài này.
  2. admin

    admin Phạm Công Sơn Thành viên BQT

    Tham gia ngày:
    22/5/13
    Bài viết:
    4,495
    Đã được thích:
    1,084
    Đ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>
     
  3. seolagi

    seolagi

    Moderator

    Thành viên BQT

    Tham gia ngày:
    16/4/14
    Bài viết:
    826
    Đã được thích:
    70
    Điểm thành tích:
    28
    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.
     


Like và Share ủng hộ ITSEOVN