Support » Code oplossingen gezocht » achtergrond invoerveld grijs

  • Opgelost Willem 2

    (@willem-2)


    Ik heb problemen met de achtergrond van invoervelden op een android machine met chrome als browser. De achtergrond is grijs in plaats van transparant-wit. Op allerlei andere combinaties van browsers en stuurprogramma’s heb ik dit probleem niet. Weet iemand of en hoe ik dit met css kan oplossen? Ik heb een child theme.

    Heb je een android telefoon of tablet met chrome dan zie je een voorbeeld van dit probleem bij de laatste widget.

    Willem

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Guido

    (@guido07111975)

    Hallo Willem,

    Je zou dit eens kunnen proberen. Voeg dit toe op de Extra CSS pagina van de Customizer in je dashboard:

    
    input, select, textarea {-webkit-appearance:none; -moz-appearance:none;}
    

    Kort gezegd: hiermee haal je alle extra styling van browsers weg.

    Guido

    Hallo Guido,

    Bedankt voor je idee. Helaas werkt het niet.

    Wilem

    Guido

    (@guido07111975)

    Hoi Willem,

    Ik heb zelf geen Android dus kan het niet testen. Maar mijn ervaring is dat je soms je browser (cache) even moet legen om de wijziging daadwerkelijk te zien.

    Heb je het alleen met een select veld of met alle invoervelden? Bijvoorbeeld ook met het zoekveld bovenaan?

    Guido

    Hallo Guido,

    Ik heb het probleem ook nadat ik de geschiedenis heb gewist. Ik heb het probleem bij de paginanummering en bij het dropdownmenu rechts op het einde ‘Alle titels’.

    Bij andere invoervelden zoals het zoekveld en het dropdown menu met de categorieën heb ik het probleem niet. Dit zijn wordpress functies.

    Willem

    Guido

    (@guido07111975)

    Hallo Wim,

    Bij die andere select balk (die erboven staat) zie ik dat er een achtergrond kleur is ingesteld (wit).

    Nieuwe poging:

    
    .widget select {background-color:#fff;}
    

    Guido

    Hallo Guido,

    Heel erg bedankt. Dit bleek de oplossing:

    select {background-color:#fff;}

    Zoals je misschien ziet heb ik de onderste widget op mijn pagina verwijderd.

    Ik vond geen betere widget dan degene die ik al eens eerder heb gebruikt. Ik had deze weggehaald omdat hij niet consequent wordt geüpdatet. Ik heb deze nu weer teruggeplaatst zoals je bovenaan kunt zien: het dropdown menu ‘Alle titels’

    Nogmaals heel erg bedankt,

    Willem

    Guido

    (@guido07111975)

    Hallo Willem,

    Graag gedaan!
    Als je verder geen vragen meer hebt, wil je dan de status van dit topic op “opgelost” zetten?

    Mvg, Guido

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)