Where is this class value?

getkidi

Hello

I would like to add custom value for class.
There is a filed and has a class value, but I cannot find in themplate files.

This photo was taken this page.
I search the gender class value of select field. Where can I find?
I opened all htm files and I was looking for [name="gender" ] value.
Result: \home\spacecp_search.htm & \forum\post_activity.htm

I want change the selectboxes face. Whatever I must add a new tag in html code.
My discuz: X3.2
My them: Default.

Thank you for help!

vot

How do you want to change the gender select box?

getkidi

New class value (arrows_select) and new tag (label) before select tag.

1. <div><label class="arrs"></div><div>     <select class="<span style="line-height: 1.5;">arrows_select"></span></div><div><span style="line-height: 1.5;">          <option>one</option></span></div><div><span style="line-height: 1.5;">          <option>Two</option></span></div><div><span style="line-height: 1.5;">          <option>etc</option></span></div><div><span style="line-height: 1.5;">      </select></span></div><div><span style="line-height: 1.5;"></label></span></div>

Copy the Code

CSS

1. select.arrows_select {
   
2. padding: 3px;
   
3. margin: 0px;
   
4. border-radius: 4px;
   
5. box-shadow: 0 0 2px #fff;
   
6. background: #470002 none repeat scroll 0% 0%;
   
7. color: #E1E1E1;
   
8. border: medium none;
   
9. outline: medium none;
   
10. display: inline-block;
    
11. -moz-appearance: none;
    
12. cursor: pointer;
    
13. font-weight: bold;
    
14. }
    
15.                
    
16. label.arrs {position:relative}
    
17. label.arrs:after {
    
18. content: ">>>";
    
19. font: 11px "Consolas",monospace;
    
20. color: #FF2E2E;
    
21. transform: rotate(90deg);
    
22. right: 8px;
    
23. top: 1px;
    
24. padding: 0px 0px 2px;
    
25. border-bottom: 1px solid #F00;
    
26. position: absolute;
    
27. font-weight: bold;
    
28.     pointer-events:none;
    
29. }
    
30. label.arrs:before {
    
31.     content:'';
    
32.     right:6px; top:0px;
    
33.     width:20px; height:20px;
    
34.     background:#470002;
    
35.     position:absolute;       
    
36. 
    
37. }

Copy the Code

There are some select tag in source but there are some what I cannot find.
So, I need select tag that I write before LABEL tag.


Thank you for help!

getkidi

Well....
I don't know where is the mystic code..... Tricky Chinese had hidden....

Ok... when I do work other.
I use this code:

1. select { padding-right: 20px;
   
2.                                         margin-right: 5px;
   
3.                                         border-radius: 4px;
   
4.                                         box-shadow: 0 0 2px #fff;
   
5.                                         background: #470002 url({IMGDIR}/select_arrows.png) right center no-repeat;
   
6.                                         border: medium none;
   
7.                                         outline: medium none;
   
8.                                         display: inline-block;
   
9.                                         -moz-appearance: none;
   
10.                                         -webkit-appearance:none;
    
11.                                         appearance: none;
    
12.                                         cursor: pointer;
    
13.                                         color:#E1D4D4;
    
14.                                         }

Copy the Code

Done....



Have a nice night!