Skip navigation
Currently Being Moderated

Formatting the search field default text

Aug 20, 2012 7:46 AM

Hi,

I cannot start a thread in the HTML5 forum so I post here..

 

Has anybody found (or even look for..) a way to change the color of the text in the search field? With this I mean the default text that apears in the search field (represented by the ?rh-msp-search-text-box placeholder).This is a string that is defined in the LNG file, usually something like "-Search-".

 

Almost anything can be controlled via div classes (and some other) but I have not yet found the formatting for this default text. It should appear white and does so in the preview, but after installing on a device it always appears grey.

 

Robert

 
Replies
  • Currently Being Moderated
    Aug 20, 2012 9:57 AM   in reply to robert-sfl

    Hi,

     

     

     

    What exactly are you trying to do? Do you want to change the colour of the text in the search field, or do you only want to change the colour of the default text?

     

     

     

    Technically, both are possible. (Assuming you want to change the colour in the HTML5 layout.) For all text:

     

     

     

    input.wSearchField

     

     

     

    For the input field with a specific text:

     

     

     

    input.wSearchField[value=SEARCH]

     

     

     

    Note that the value must be an exact match. Also, it will not work on IE7 or earlier.

     

     

     

    Greet,

     

     

     

    Willam

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 22, 2012 10:00 AM   in reply to robert-sfl

    Thread moved to Multiscreen HTML5

     


    See www.grainge.org for RoboHelp and Authoring tips

     

     

    @petergrainge

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 23, 2012 12:24 AM   in reply to Peter Grainge

    That may very well be the problem. But you would need to ask a Android developer about that.

     

    Greet,

     

    Willam

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 16, 2012 7:06 PM   in reply to Willam van Weelden

    To my knowledge, the Android output uses the phone's default browser engine to render the page. You can modify the CSS "input.wSearchField" to change the appearance of the default text size, color, orientation, etc.

     

    Try inserting:

     

    input.wSearchField::-webkit-input-placeholder {

         color: green !important;

    }

     

    Into your mobile.css file.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points