Title: number is grayed out
Last modified: December 29, 2017

---

# number is grayed out

 *  Resolved [lazyfoxus](https://wordpress.org/support/users/lazyfoxus/)
 * (@lazyfoxus)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/input-is-grayed-out/)
 * Why are the numbers in the fields all grayed out if not selected?
    The numbers
   should be black for better legibility.
    -  This topic was modified 8 years, 5 months ago by [lazyfoxus](https://wordpress.org/support/users/lazyfoxus/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Finput-is-grayed-out%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/input-is-grayed-out/#post-9821221)
 * Hello [@lazyfoxus](https://wordpress.org/support/users/lazyfoxus/),
 * The colors are being inherited from the theme active in your website, specifically
   the style definition:
 *     ```
       input[type="text"],
       input[type="email"],
       input[type="url"],
       input[type="password"],
       input[type="search"],
       input[type="number"],
       input[type="tel"],
       input[type="range"],
       input[type="date"],
       input[type="month"],
       input[type="week"],
       input[type="time"],
       input[type="datetime"],
       input[type="datetime-local"],
       input[type="color"],
       textarea,
       .select2-container .select2-choice {
         color: rgba(34, 34, 34, 0.5);
         border: 1px solid rgba(34, 34, 34, 0.1);
         -webkit-border-radius: 3px;
         border-radius: 3px;
         padding: 0.75rem;
         resize: none; }
       ```
   
 * into the “[http://www.lazyfox.us/wp-content/themes/velux/style.css&#8221](http://www.lazyfox.us/wp-content/themes/velux/style.css&#8221);
   file.
 * A solution would be redefine the styles of the theme directly from the form. 
   Please, enter the following style definition through the “Customize Form Design”
   attribute in the “Form Settings” tab ([https://cff.dwbooster.com/images/documentation/form-settings-tab.png](https://cff.dwbooster.com/images/documentation/form-settings-tab.png))
 * `#fbuilder textarea, #fbuilder select, #fbuilder input[type="text"], #fbuilder
   input[type="number"], #fbuilder input[type="password"]{color: #000000 !important;}`
 * and that’s all.
    Best regards.

Viewing 1 replies (of 1 total)

The topic ‘number is grayed out’ is closed to new replies.

 * ![](https://ps.w.org/calculated-fields-form/assets/icon-256x256.jpg?rev=1734377)
 * [Calculated Fields Form](https://wordpress.org/plugins/calculated-fields-form/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/calculated-fields-form/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/calculated-fields-form/)
 * [Active Topics](https://wordpress.org/support/plugin/calculated-fields-form/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/calculated-fields-form/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/calculated-fields-form/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [codepeople](https://wordpress.org/support/users/codepeople/)
 * Last activity: [8 years, 5 months ago](https://wordpress.org/support/topic/input-is-grayed-out/#post-9821221)
 * Status: resolved