CSS: Button pimping /aktiv button

[kjonix]

Jeg har et input felt + knapp. Når man setter markøren i input feltet, blir det en forsterket ramme rundt knappen.

 

Hvordan kan jeg endre fargen i CSS på denne rammen rundt knappen?

 

Skjønner du ikke hva jeg mener? Sett markøren i input feltet i Google og følg med på søk-knappen.

[-Teddy-]

Dette er en funksjon IE og Opera har, men ikke FF. Blanketter (forms) er som regel vanskelige å style fordi alle nettlesere behandler dem forskjellig. Safari tvinger f.eks. alle forms til å ha en "mac-look". Standard inndatabokser ser helt forskjellig ut i nevnte nettlesere.

 

Tror ikke du har noen mulighet for å endre rammen du snakker om i CSS. Med en kombinasjon av javascript og css kan du kanskje lage en egen knapp der du kan velge farge selv.

[HoaXed]

Er vell bare å bruke input:hover { border: 1px xxx; }

 

Jeg bruker det selv, men husker ikke om det er hover eller focus.

[-Teddy-]

Ikke om han skal ha borden på knappen når man trykker på inndatafeltet.

[Jesper Karsrud]

Kan vel bruke JS til det...

 

var inputField = document.getElementById("inputField");

inputField.onfocus = function() {
   var inputButton = document.getElementById("inputButton");
   inputButton.style.border = 2px solid #000;
}

Koden er langt fra testet, men det blir noe slik hvis du skal bruke JS til å oppnå samme effekten.

[kjonix]

Tusen takk, den skal jeg prøve