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:
    523
    Đã được thích:
    31
    Đ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,320
    Đã được thích:
    960
    Đ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:
    523
    Đã được thích:
    31
    Điểm thành tích:
    28
    Cảm ơn, đúng theo ý mình rồi
     


Chủ để tương tự : Option Select
Diễn đàn Tiêu đề Date
Rao Vặt Toàn Quốc Binary Option Robot là gì? 9/3/17
Rao Vặt Toàn Quốc Mua Macbook Air cũ 2015-2016 MaxOption giá cực rẻ 18/2/17
Rao Vặt Toàn Quốc So sánh khả năng lưu trữ kệ Selective và kệ Double deep 6/11/18
Rao Vặt Toàn Quốc Tại sao kệ Selective Vinarack được ưa chuộng nhất hiện nay 25/10/18
Rao Vặt Toàn Quốc Kệ tải trọng nặng chứa nguyên liệu – Kệ Selective Vinarack 21/6/18

Like và Share ủng hộ ITSEOVN