HTML-tekst invoervakken worden gebruikt in formulieren voor het verzamelen van gebruikersgegevens. Inherent zij omvatten schaduwen gebaseerd op welke browser u gebruikt. Safari, bijvoorbeeld, heeft de blauwe zweven rond het vak wanneer gericht op de doos. Met behulp van CSS verwijdert van de schaduw van input textboxes en ze passen het ontwerp van de algemene site aanpassen. De meeste keren een ontwikkelaar blijft het vak gevoel maar af en toe een bepaald grafisch ontwerp zal worden toegepast op het tekstvak. Een taak zoals het verwijderen van een tekstschaduw mogen niet opofferen aan de functionaliteit van het formulierelement maar verbetert de weergavekwaliteit ervan.
Open een teksteditor, zoals Dreamweaver of BBEdit (zie bronnen) en maak een HTML-bestand. Invoegen van een HTML-formulier met inbegrip van ten minste één invoer met type = "text". Maak een stylesheet bestand en noem deze "main.css."
Een CSS-klasse voor input tekstvakken maken Geef het een naam die is dicht bij wat het wil stijl zoals "textboxes." De naam van deze klasse resideert in uw stylesheet bestand en de definitie van de stijl voor uw tekstvakken zal houden.
De kenmerken van uw CSS-klasse te definiëren. Hier zijn voorbeelden van specifieke kenmerken hebt om te definiëren:
rand: 1px solid #000000;
tekengrootte: 14px;
kleur: #333333;
padding: 5px 5px 5px 5px;
achtergrond: url("images/myinputbox.jpg") 0 0 neen-repeat;
breedte: 300px;
positie: relatief;
float: links;
Veranderen van het border attribuut is het meest belangrijk voor elke tekst invoer kenmerk wijzigen. Dat is meestal wat bepaalt de schaduw rond het tekstvak. Opvulling aanpassen kunt u bepalen hoeveel ruimte (in pixels) van in het tekstvak. Tekengrootte en kleur kunt u het invoervak tekengrootte en kleur te bepalen. Toevoegen van een achtergrond, kunt u uw input tekstvak te volgen van uw website ontwerp aanpassen.
De klasse die u hebt gemaakt toevoegen aan elke gewenste stijl tekstinvoer. Volg deze indeling:
Gebruik dezelfde klasse voor elke input tekstvak zodat dezelfde stijl zal eveneens worden toegepast op alle invoer tekstvakken.
Uw stylesheet bestand invoegen in uw HTML-bestand binnen de
label. Volg deze indeling:Uw HTML-bestand in een webbrowser openen en bekijken van de ingang doos die u hebt gemaakt. Herzien stylesheet bestand als nodig is om de gewenste look en feel.