html5 forms outline problem

[selbekk]

Hei!

Lager meg ny nettside, og har kommet til et lite problem. Jeg bruker html5 spesifikke forms, og når jeg slenger på "required" attributten på input felter og textareas, får jeg en upassende rød ramme i Chrome. Se screenshot:

Noen som har peiling på hvordan jeg fjerner dette? Fungerer ikke med outline: 0;

<form action="#" method="post">
	<fieldset>
		<p>
			<label for="name">Name</label><br />
			<input type="text" id="name" placeholder="Please enter your name" required />
		</p>
		<p>
			<label for="email">Mail</label><br />
			<input type="email" id="name" placeholder="Please enter your e-mail address" required />
		</p>
		<p>
			<label for="msg">Message</label><br />
			<textarea name="msg" id="msg" cols="" rows="" placeholder="Please enter your message" required></textarea>
		</p>
		<p>
			<input type="submit" name="submitForm" value="Send" />
		</p>
	</fieldset>
</form>

 

[Nutz]

Har det slått deg at det er en default indikator på "required", som du muligens kan overstyre?

 

[selbekk]

nei.

give me the nuts n bolts please. mener du... input[required] i css?

edit: faen da. Takk nutz. hodet er ikke helt på topp i dag. Thursday Night Socialites + vodka + ikke-blandevann != webdesign

mye penere

 

[Nutz]

Skål! Kult å finne ut selv da..
Antar at du har fikset det nå..

Edit: Der ja!