Job Description Hide Arrow For Free

Check this one It's hacky, simple as that:Set -prefix-appearance to none to remove the styles.Use text-indent to "push" the content a bit to the right.Finally, set text-overflow to an empty string. Everything that extends beyond it's width will become... nothing! And that includes the arrow.

Example Explained Use any element to open the dropdown menu, e.g. a <button>, <a> or <p> element. Use a container element (like <div>) to create the dropdown menu and add the dropdown links inside it. Wrap a <div> element around the button and the <div> to position the dropdown menu correctly with CSS.

-webkit-appearance: none; -moz-appearance:none; background: rgba(0,0,0,0); its working good in chrome.

Check this one It's hacky, simple as that:Set -prefix-appearance to none to remove the styles.Use text-indent to "push" the content a bit to the right.Finally, set text-overflow to an empty string. Everything that extends beyond it's width will become... nothing! And that includes the arrow.

The dropdown arrow icon in <select> input can be hidden by setting the CSS appearance: none. The CSS appearance property allows to suppress the native appearance of an element (which may vary with operating system), so that CSS can be used to restyle it.

The dropdown arrow icon in <select> input can be hidden by setting the CSS appearance: none.

Drop-down Arrow for Internet Explorer 8 (IE8) and Internet Explorer 9 (IE9) using Icon Font. This is the harder part... Or maybe not. There is no standard rule to hide the default arrows for these browsers (like the select::-ms-expand for IE10+).