Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Hide border in HTML Form or Input

Tags:

html

forms

input

anybody knows how to hide border in HTML using Form or Input tag?

My Code as below:

<form name="timerform">
    Your session will expired in
    <input type="text" name="clock" size="7" value="5:00">
</form>
like image 798
mastersuse Avatar asked Sep 03 '12 23:09

mastersuse


1 Answers

You can also use

input[type="text"] { border: none }

This is usefull when you have other input types, i.e. type="submit", but IE < 8 doesn't support type.

Check this with type and this without type.

Update: Also you can use as follows

<input style="border:none" type="text" name="clock" size="7" value="5:00">

Updated Demo.

like image 56
The Alpha Avatar answered Oct 01 '22 16:10

The Alpha