Select menu font size, how do you reduce it?

[robbirobot]

Hi there, I'm making a web app at the moment. I have a jquery select menu which displays items on my Huawei phone in large text, is there a way to reduce this text.

I tried this css, but it didn't work:

select {
font-size: 10px !important;
}

and here's the select menu mark up:
<form name="menu" method="get" action="#">
<p><select name="programmes" onChange="splitValues(this)" data-mini="true">
<option>Select Your Program</option>
<option value="0">BEng(Hons) Electronic Engineering

 

[RichSz]

Welcome to Android Forums robbirobot! I wish I could help with your question. Good luck getting a solution.

 

[Unforgiven]

Welcome to Android Forums robbirobot.

I moved this to the Computers & IT forum in hopes someone can answer your question there. We don't really have a section for web development here, but I'm sure if someone knows the answer they will chime in.

 

[cursor system]

Why can't you read you Haewei manual on this?

 

[pbf98]

I see what you are trying to do with the CSS all you are missing is the style tag.

<style type="text/css">
select {
font-size: 10px !important;
}
</style>

go here to test it out, just copy and pate your code, and then try adding the style tag and you will see it works.

Tryit Editor v1.5

Without the style tag it does not recognize that it is css so the device will read it as just a string and output accordingly

Hope this helps