css - can i put a space between the content and the arrow in an html select drop down? -
I have a select drop down, in which the word is in the form of "girl" option.
The problem is that the arrow on the "L" lot selection of the girl is close to the drop-down object. How can I put a little more "space" between the word / content (all the options, I mean. I do not need to target just "girL") and a little arrow? I have tried putting a place after "girl", but it has no effect (i.e. the problem still exists). Here it appears (like) Here's what I want: / code> is not a solution for every case Flexible width Sometimes useful. For dynamic changes, the following tasks are great:
gender: | Boy V | | Women |
gender: | Boy V | | Girl | Yes, I know that everyone has a lot to know about what I am about. Pip HTML or CSS, I'm indifferent to the method of solution!
setting width
padding-write is also not a solution, because it only adds a space between the arrow and the right border, but not between text and arrows.
& amp; Nbsp; Adding is the best solution, but if you do it dynamically, then Google Chrome shows it as a text instead of a special character.
option.text = Itemtext + String.fromCharCode (160);
Comments
Post a Comment