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

    seolagi

    Vip Member

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

    danh sách diễn đàn rao vặt gov chất lượng
    Chỉnh sửa cuối: 2/8/18
  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,237
    Đã được thích:
    936
    Đ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

    seolagi

    Vip Member

    Tham gia ngày:
    16/4/14
    Bài viết:
    497
    Đã được thích:
    29
    Điểm thành tích:
    28
    Cảm ơn, đúng theo ý mình rồi
     


Like và Share ủng hộ ITSEOVN