Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Kleuren text inputveld wijzigen

Anoniem
marientje
5 antwoorden
  • Ik ben al een poosje op zoek naar een mogelijkheid om de achtergrondkleur en de tekstkleur van een inputveld aan te passen maar ik begin ondertussen te twijfelen of dit uberhaupt wel mogelijk is.

    Wanneer ik in dreamweaver kijk (wat ik overigens zelden doe) is er in ieder geval geen optie voor.
    Wie verteld mij hoe ik dit voor elkaar kan krijgen ? Is het echt niet mogelijk dan hoor ik het ook graag.

    Weet iemand een workaround om tekst in te voeren in een veld met aangepaste achtergrond- en tekst kleur dan hoor ik dat graag.

    Alvast bedankt,

    John
  • dat kan met CSS:
    [code:1:ac2c5e3bec]input{background-color:#0F0; color:00F;}[/code:1:ac2c5e3bec]
  • Mijn hartelijke dank, dit was inderdaad de oplossing.
    Ik maakte al gebruik van css maar dacht het ff snelle mbv style op te lossen. Dat werkte dus niet.

    Heb ik nog een vervolgvraag.
    Wanneer een inputveld readonly is wordt het standaard met een andere kleur weergegeven als wanneer het niet readonly is. Is deze readonlykleur ook separaat in te stellen en zo ja hoe ?
    Ik neem uiteraard aan ook met css maar wat is de veldnaam dan ? Ik kan wel gaan gokken op input - bgcolor.readonly maar ik betwijfel of dat werkt :-)

    Alvast bedankt,

    John
  • nee, dat zal niet werken. Je moet je input een id of class toekennen en dan kan je er dingen mee doen:
    [code:1:2e047eb45a]<input class="ir" type="text" readonly>[/code:1:2e047eb45a]
    je CSS:
    [code:1:2e047eb45a]input {background-color:#0F0; color:00F;}
    input.ir {background-color:#F0F; color:FF0;}[/code:1:2e047eb45a]
    ipv een class kan je ook een id toekennen.
    In je CSS kan je daarnaar verwijzen met #ir
  • Mijn hartelijke dank voor je info.

    Ik heb nu dus inderdaad 4 verschillende stijlen voor het inputveld. Ik had hoe dan ook 2 verschillende achtergrondkleuren nodig en op beide achtergronden had ik readonly velden. Ik heb het nu opgelost door de tekst kleur van readonlyvelden anders te maken dan wanneer het een te editten veld betreft.

    Wat die ID's betreft, ik geloof dat me dat nog niet helemaal duidelijk is maar maar aangezien mijn probleem op dit moment opgelost is op dit moment ook niet echt relevant en ga ik daar later nog eens in duiken.

    Nogmaals, mijn dank.

    John

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.