Option Select khi padding không hoạt động trên Safari Iphone, Chrome

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

  1. seolagi
    Tham gia ngày:
    16/4/14
    Bài viết:
    1,024
    Đã được thích:
    80
    Điểm thành tích:
    48
    Option Select khi padding không hoạt động trên Safari Iphone, Chrome. Nghĩa là mình có cái option DropDownList sử dụng trong mvc asp.net lúc view ra là code như dưới.
    Mình muốn nó padding-left:35px; mà nó không hiển thị ở trên Chrome và trình duyệt coccoc, Safari, còn trên firefox hoặc IE thì nó chạy vô tư hiện đúng padding.
    Mã:
    <div class="categorydiv">
    <i class="fa fa-list" aria-hidden="true"></i>
    <select class="form-control cs-dropdownlist" id="CategoryId" name="CategoryId">
    <option value="">Tất cả ngành nghề</option>
    <option value="1000">Marketing</option>
    </select>
    </div>
    
    Mã css:
    HTML:
    .categorydiv select
    {
        padding-left: 35px;
    }
    loi-khong-hien-padding-tren-chorme.jpg
     
    Cảm ơn đã xem bài:

    Option Select khi padding không hoạt động trên Safari Iphone, Chrome

    Chỉnh sửa cuối: 2/8/18
  2. admin
    Tham gia ngày:
    22/5/13
    Bài viết:
    4,878
    Đã được thích:
    1,193
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Sửa css của bạn lại như sau nhé: đảm bảo 100% thành công
    HTML:
    .categorydiv select
    {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding-left: 35px;
    }
    
     
    seolagi thích bài này.
  3. seolagi
    Tham gia ngày:
    16/4/14
    Bài viết:
    1,024
    Đã được thích:
    80
    Điểm thành tích:
    48
    Cảm ơn, đúng theo ý mình rồi