PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
T

[CSS] Zwarte border submit Buttion IE

Door Teun Hesseling op 19-04-2013 11:33
2.191 views
Goededag allen,

Ik probeer in IE10 een submit button die een zwarte border heeft weg te halen. En dit heeft te maken met de focus. Zodra ik op een tekstveld klik gaat de zwarte border weg om de button weg.

dit is mijn code

input{
	outline: none;
	background-color: #ffffff;
	padding-left: 1px;
	border-width: 1px;
	border-style: solid;
	border-color: #c6c6c6;
}

input:focus {
	border-color: #4bacc6;
}

input:hover {
	color: #4bacc6;
	border-color: #4bacc6;
}


ik had dit sukje gevonden


input[type=submit],
input[type=reset],
input[type=button]
{
    filter:chroma(color=#000000);
}


alleen dat zorgt ervoor dat de hele css van de submit knop weg/verneukt raakt.

Weet iemand hier een antwoord op of moet ik er maar mee leven?
T Teun Hesseling
19-04-2013 13:54
Handige tips, maar helaas niet wat ik zoek.
Kris Peeters
19-04-2013 14:29
Common controls, zoals knoppen, scroll bars, radio buttons, ...
Webbrowsers geven daar graag hun eigen stijl aan.
Het valt meestal niet mee om die op elke browser identiek te maken.

Als je er niet uit raakt ... maak een print-screen van een button, sla het op als 'button.png'
en gebruik dan
<input type="image" src="button.png">
T Teun Hesseling
19-04-2013 16:36
Dat is een mogelijkheid, maar dat is nou niet echt een nette manier. enige wat de knop is , is een rechthoekige knop die standaard lichtgrijs is en als je erover heen gaat een felblauwe kleur heeft. Om daar nou een afbeelding van te maken is een beetje overdreven. Maar het is een idee.

Maar dan als nog, meestal is er wel iets waardoor je style van een browser als nog kunt overrulen.

Maarja ik heb er nu eigenlijk al te veel tijd aan verspilt vanwege zo'n lullige border.

Mocht iemand nog het antwoord weten, we hebben een paar css mensen hier aanwezig, dan hoor ik het graag.
L Landleven Tips
19-04-2013 17:10
Probeer dit eens:

input[type=submit],
input[type=reset],
input[type=button] {
 display: inline-block;
  font-size: 14px;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
}

Reageren

Inloggen om te reageren