Supprimer par Défaut ronde frontière de <select> élément dans Mac OS Navigateur:google Chrome

de sélectionner l'élément que je n'ai pas ajouté la frontière de la propriété en CSS , et j'ai également ajouté à la suite de CSS, il

    .select
     {
      -webkit-appearance: none;
      -webkit-border-radius: 0px;
     }

si sa me montre ronde bordure en Chrome (Mac OS),pourquoi il en est ainsi ,comment puis-je obtenir de plus ?

OriginalL'auteur Sona | 2014-01-22

  1. 17

    Vous pouvez l'utiliser comme ça,

    .select{ 
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;   
   -webkit-border-radius: 0;  /* Safari 3-4, iOS 1-3.2, Android 1.6- */    
   -moz-border-radius: 0;  /* Firefox 1-3.6 */     
   border-radius: 0;  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
}
    Veuillez notez que les flèches disparaissent, trop. Et sans les flèches, il est difficile de reconnaître le type de l'élément de sélection de champ.
    vous pouvez utiliser un personnalisé flèche, comme une image de fond d'écran, ça fonctionne pour moi 🙂

    OriginalL'auteur Pranav C Balan

  2. 2

    Si ses une vieille question. J'ai essayé en gardant la flèche sur le côté droit.

    select {
    color: #fff;
    background: #17406B;
    border: solid 7px #17406B;
    outline: #17406B solid thick;
    outline-offset: -5px;
}

    OriginalL'auteur Priyank Dey

  3. 0

    Cela devrait fonctionner:

    select {
    background: #fff;
    color: #2dccd3;
    outline: #ffffff solid thick;
    outline-offset: -5px;
    -webkit-border-radius: 0px !important;
}

    OriginalL'auteur Ashhab

  4. -4

    Suffit d'utiliser

    border: 1px ridge rgb(169, 169, 169);

    frontière rayon de 0px

    solution est dans l'évolution de la frontière de style à ridge.

    être heureux

    OriginalL'auteur Profesor08