What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    CSS: How to change hint color of textarea

    Asked by buraksusann on November 08, 2013 at 04:03 AM

    Hi,

     

    I have a problem with Hint example on text box and text area. I injected the code: 

    ::-webkit-input-placeholder {color:#2a2a2a;}:-moz-placeholder {color:#2a2a2a;}

    in order to change text color of hint example and it works, however, text area hint example color is not what I changed or what I want. it looks different from text box hint area. I dont want to use default value since I am using hint example as label.

     

    This is my form;

    http://www.jotform.com//?formID=33017207782148

    please help me with this.

    thanks in advance,

     

    best regads,

     

    Burak

    Screenshot
    different hint JotForm problem label
  • Profile Image

    Answered by buraksusann on November 08, 2013 at 04:39 AM

    Additionally, how can I prevent small scroll bar in the PLZ box on the picture above? This box has 5 digit number restriction and I dont want small scrolling effect on the right side of the box. I tried to change witdth of the input but scroll bar was still there.  Is it possible to get rif of it?

    Thanks in advance,

     

    Burak

  • Profile Image

    Answered by pinoytech on November 08, 2013 at 07:56 AM

    Hi Burak,

    Thank you for contacting us! With regards on your query, please try to inject this custom css into your form.

    For textarea hint:

    .form-custom-hint {

    color: #2a2a2a !important;

    }

    For spinner tool:

    input[type=number]::-webkit-inner-spin-button,

    input[type=number]::-webkit-outer-spin-button {

    -webkit-appearance: none;

    margin: 0;

    }

    Feel free to contact us again if you need further assistance.

    Thank you!

  • Profile Image

    Answered by buraksusann on November 08, 2013 at 12:25 PM

    Thanks you so much. It worked.

  • Profile Image
    JotForm Support

    Answered by ardy0689 on November 08, 2013 at 01:37 PM

    On behalf of my colleague, you are welcome, if you need further assistance, kindly create and open a new thread. Thank you