How to remove border of drop down list : CSS


Tags: css

Problem :

I want to Remove the border that is coming just outside the drop down list. I am Trying:

select#xyz option {
  Border: none;
}

But does not work for me. Please help me.



Solution :

The most you can get is:

 select#xyz 
    {
        border:0px;
        outline:0px;
    }

You cannot style it completely, but you can try something like

select#xyz {
  -webkit-appearance: button;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
  background-image: url(../images/select-arrow.png), 
    -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
  background-position: center right;
  background-repeat: no-repeat;
  border: 1px solid #AAA;
  color: #555;
  font-size: inherit;
  margin: 0;
  overflow: hidden;
  padding-top: 2px;
  padding-bottom: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;}

    CSS Howto..

    how to do 3d menu in css 3 with that effect like on page [closed]

    How to style Zend Checkboxes

    How do I tell CSS to recalculate :first-of-type after DOM dynamically changes?

    How to prevent right-to-left text appearence while using arabic language?

    How do i cover the image on navbar as well?

    Css how to set 3 block block/div's in one line [closed]

    How to convert a xml element into url using css?

    How to add a value in the y-axis at the bottom of a bar chart-css

    How to control the postioning of a fieldset with css?

    How to get CSS to work only on specific WordPress pages?

    How to use jquery to cycle elements bg color on click, and reset upon another element's click

    ASP.NET MVC2 + CSS - how to refresh CSS?

    jQuery/CSS - How to style the first occurrence of an element inside of another element?

    How to force a hover state with jQuery?

    CSS height, How to get it to go around inner divs

    How do I make everything on this page centered and fully responsive for all browsers?

    How to animate searchbox length from focusing on the textbox class CSS3?

    CSS: How to flow text around both left and right images

    How to do aligning image next to textbox with CSS? [closed]

    How to make android app for existing dynamic website

    How to load css into html dynamically?

    How to select odd child of dl element with css?

    How to have different transition durations for css and angular transition on same element?

    How to make right-side triangle in CSS ribbon menu?

    How to Create a CSS3 Animated Circle that chages colors when clicked?

    How to change active menu item style in html/css/js/php

    How to make an invisible character in HTML, that still get's picked up on text selection?

    How to implement two sets of CSS Tabs on one page?

    How to Create Diagonal Heading Line with Pure CSS

    How to hide a segment of my website using PHP