newcoder1010 Posted April 25, 2020 Share Posted April 25, 2020 Hello, <select data-drupal-selector="edit-field-house-selling-price-value" class="form-select form-control" id="edit-field-house-selling-price-value" name="field_house_selling_price_value"><option value="All" selected="selected">- Any -</option><option value="1">Under $100,000</option> <option value="2">$100,000 - $200,000</option><option value="3">$200,000 - $300,000</option></select> Above html has a value "any". How can I rename it to "Price Range" using CSS? Thank you! Link to comment Share on other sites More sharing options...
dsonesuk Posted April 25, 2020 Share Posted April 25, 2020 You can't. Link to comment Share on other sites More sharing options...
newcoder1010 Posted April 25, 2020 Author Share Posted April 25, 2020 Can I hide the value of "Any"? Link to comment Share on other sites More sharing options...
dsonesuk Posted April 25, 2020 Share Posted April 25, 2020 You can hide the whole option element , remove text, value is javascript. Link to comment Share on other sites More sharing options...
newcoder1010 Posted April 25, 2020 Author Share Posted April 25, 2020 I meant to say how to hide this? <option value="All" selected="selected">- Any -</option> Link to comment Share on other sites More sharing options...
dsonesuk Posted April 26, 2020 Share Posted April 26, 2020 You could use option:first-child, however the value will still show when you view the select box itself, it won't show in option listing. This is browser dependent, so you might want to check in all browser first. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now