+ 1

font size in form element

i wnt to change form font of password and gender but i cant and also i want to create big radio.... help me plz <form> username</br> <input type="text" name="username"/></br> password</br> <input type="PASSWORD" name="username"/></br> <p> Gender</h1> <input type="radio" name="gender" value="male">male</br> <input type="submit" value="submit"> </form> ... .... in css form{ font-size:60pt; color:white; padding:0px 20px; } input{ font-size:30pt;

31st Dec 2017, 1:19 AM
warrior
warrior - avatar
4 Antworten
+ 10
If possible, please provide a Minimal, Complete, and Verifiable code @ Code Playground so we can help you to take a look on the code. 😉
31st Dec 2017, 2:43 AM
Zephyr Koo
Zephyr Koo - avatar
+ 8
Again, it would be helpful if you copy-paste the code @ Code Playground so everyone can check your code easily. The general way to apply styling would be adding a class attribute to the corresponding tag and use the same class name in CSS selector with custom style. In addition, generally both label and input tags are paired together. Therefore it would look something like these:- [ HTML ] <label class="txt-label">Password</label> <br> <input type="password" name="password" /> ... <label class="txt-label">Gender</label> <input type="radio" name="gender" value="male" /> Male [ CSS ] .txt-label { font-size: 33px; } Hopefully it helps! 😉
1st Jan 2018, 1:33 AM
Zephyr Koo
Zephyr Koo - avatar
+ 2
thank u very much
3rd Jan 2018, 8:32 PM
warrior
warrior - avatar
+ 1
thank u for ur help... i want to change font of gender and username in different size..... <html> <head> <title>my coding sedule</title> <link rel="stylesheet" href="/storage/emulated/0/code/my coding sedule/my coding sedule.css"> <body> <div class="section"> <h1><span>MY CODING SEDULE</span></h1> </br></br></br> <table > <tr> <td>TIME</td> <td>SUNDAY</td> <td>MONDAY</td> <td>TUESDAY</td> <td>WENESDAY</td> <td>THUSDAY</td> </tr> <tr> <td>8-8:30am</td> <td bgcolor="orange">learn</td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td>9-10am</td> <td></td> <td bgcolor="yellow">practice</td> <td></td> <td></td> <td></td> </tr> <tr> <td>1-2pm</td> <td></td> <td></td> <td bgcolor="blue">play</td> <td></td> <td></td> </tr> <tr> <td>3:45-5pm</td> <td></td> <td></td> <td></td> <td bgcolor="pink">code</td> <td></td> </tr> <tr> <td>5-6pm</td> <td></td> <td></td> <td></td> <td></td> <td bgcolor="green">discuse</td> </tr> </table> </div> <!..table section end..> </br> <form> username</br> <input type="text" name="username"/></br> password</br> <input type="PASSWORD" name="username"/></br> <p> Gender</h1> <input type="radio" name="gender" value="male">male</br> <input type="submit" value="submit"> </h1> </form> </body> </html> ....... ........ CSS html{ padding:0; } body{ font-size:30pt; font-family:cursive; background-color:#7d0066; padding:100px 10px 100px 10px; } h1{ font-size:40pt; color:white; text-align:center; padding:0 0 0 0; margin:0 0 -50px 50px; } span{ padding:50px 50px 50px 50px; border:20px dashed skyblue; margin:0 0 0 0; } table{ width:100%; font-size:20pt; color:white; } table, th, td{ border:2px solid yellow; padding:0 0 0 0 ; margin:0 0 0 0; text-align:center; table-layout:fixed; } form{ font-size:60pt; color:white; padding:0px 20px; } input{ font-size:30pt; }
1st Jan 2018, 1:15 AM
warrior
warrior - avatar