Style issues with checkbox and drop-down list_html/css_WEB-ITnose

Generally speaking, I almost don’t care about the style of the code. Now I am asked to change it, but the result is a failure. 100 points here, I hope someone can help me answer it.

First of all, the checkbox in the default input is as shown below:


Then now it needs to be changed to this:

I have been changing it for a long time and I still don’t know how to do it. Please just look at the checkbox and ignore the black line on the side. .

Then there is the drop-down list. After checking some information, they all said that it cannot be changed:
The default is like this

I want to change it to this:

How to take action with this company Don't even know. .


Please answer

Reply to the discussion (solution)

Which web page is it on? Give me the URL. .

The checkbox is due to a browser problem. If you want the second effect in all browsers, you have to use div css
Select also has to be simulated with div css.

Simulate it, use div css and also picture.
There are examples of simulated drop-down lists on this website, you can take a look.
http://www.xinxian24.com/

http://blog.csdn.net/bkq421511585/article/details/7197725

http://blog.csdn. net/bkq421511585/article/details/7197893



It is better to teach a man to fish than to teach him to fish

See for yourself, it seems you can learn something

http://blog.csdn.net/bkq421511585/article/details/7197725

http://blog.csdn.net/bkq421511585/article/details/7197893



It’s better to teach someone to fish than to teach him to fish

See for yourself, it seems you can learn something
The answer is not what you asked

Please support me, I don’t know how~

Baidu: Simulation checkbox