Home > Article > Web Front-end > How to Hide the Dropdown Arrow of `` Element in Firefox?
Problem:
Modifying the style of a
Solution:
To hide the dropdown arrow in Firefox, utilize a combination of the following CSS properties:
<code class="css">-moz-appearance: none; text-indent: 0.01px; text-overflow: '';</code>
Explanation:
"-moz-appearance: none;" removes the default Firefox appearance. "text-indent: 0.01px;" pushes the arrow slightly to the right, while "text-overflow: '';" hides the overflowing portion, including the arrow.
Update (December 2014):
Firefox 35 and later natively support "-moz-appearance: none;" for
Update (April 2014):
While the mentioned CSS hack initially worked, a bug re-emerged in Firefox 31.0.a1 Nightly, affecting all platforms. However, as of Firefox 35, this bug has been resolved.
The above is the detailed content of How to Hide the Dropdown Arrow of `` Element in Firefox?. For more information, please follow other related articles on the PHP Chinese website!