Hoe kan je de blauwe rand wanneer er form-elementen worden aangeklikt uitschakelen?
In bijlage zie je zo'n voorbeeld die ik probeer uit te schakelen, na het gebruik vb. van een submit-button.
Mijn theme is een omega_subtheme
| Bijlage | Grootte |
|---|---|
 searchbox.png | 1.96 KB |
Deze website is voor Nederlandstalige Drupal-fans en wordt onderhouden door een groep Belgische en Nederlandse vrijwilligers. Iedereen kan meewerken aan deze site.
Fouten of onjuistheden kun je melden melden via het forum
De site draait op Drupal 7 en wordt gehost door Pantheon.
Drupal is een geregistreerd merk van Dries Buytaert. | Powered by Pantheon.
Drupal.be/Drupal.nl is de website van de Nederlandstalige Drupalgemeenschap.
button:focus, button:active, input:focus, input:active, select:focus, select:active, textarea:focus, textarea:active {
-moz-box-shadow: #06f 0 0 7px;
-webkit-box-shadow: #06f 0 0 7px;
box-shadow: #06f 0 0 7px;
}
is de CSS die ervoor zorgt dat er een blauwe rand verschijnt bij het aanklikken. Dus dit zou je kunnen verwijderen in de CSS.
Je kunt dit makkelijk zelf te weten komen door bv. Chrome te gebruiken, de muis positioneren op het element en vervolgens via de rechtermuisklik Element selecteren te klikken.
Onder andere browsers kun je dit makkelijk ook achterhalen al zal het misschien ietsjes anders gaan heten of heb je er een extensie/plugin voor nodig.
Katrienc, bedankt, is inderdaad gelukt.
Heb deze selectie verwijderd (overschreven) met volgende css:
#views-exposed-form-zoekresultaten-search-results button:active {
box-shadow: none;
}
#views-exposed-form-zoekresultaten-search-results input:focus {
box-shadow: none;
}
Op mijn site http://www.market-locator.com/ heb ik zo die blauwe rand verwijderd in het zoekvak van de header.
Een tevreden druppelaar ;-)
- founder of market-locator.com -
Twitter: @ctuxboy, @marketlocator
http://www.market-locator.com
Enkele Drupal tutorials op mijn blog:
http://ctuxboy.blogspot.be/