Title: Fields/button alignment and dropdown highlight color problems
Last modified: May 19, 2020

---

# Fields/button alignment and dropdown highlight color problems

 *  [ita10](https://wordpress.org/support/users/ita10/)
 * (@ita10)
 * [5 years, 12 months ago](https://wordpress.org/support/topic/fields-button-alignment-and-dropdown-highlight-color-problems/)
 * Hi,
    I use Elementor Pro and Hello theme. I’m not expert about css, however I
   tried to add the custom css like at the end of this message to change colors,
   font and some settings. I have 2 problems with this plugin: 1) In Chrome, Ms 
   Edge and Firefox the form fields and the button are aligned: [https://ibb.co/RbmVztj](https://ibb.co/RbmVztj)
   In Internet Explorer not: [https://ibb.co/BTPTXHM](https://ibb.co/BTPTXHM) How
   can I solve? 2) In the dropdown menu when I move the mouse over a voice the area
   is highlighted in blue. I read that is due to the browser: [https://ibb.co/SQzwrWq](https://ibb.co/SQzwrWq)
   Isn’t there a solution? Thanks
 *     ```
       body {
         font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
         color: #54595F; }
   
       button,
       input,
       optgroup,
       select,
       textarea {
           color: #54595F;}
   
       input[type="text"],
       input[type="date"],
       input[type="email"],
       input[type="number"],
       input[type="password"],
       input[type="search"],
       input[type="tel"],
       input[type="url"],
       select,
       textarea {
         width: 100%;
         border: solid 1px #54595F;
         border-radius: 5px;
         padding: 0.5rem 1.5rem;}
   
       button,
       [type="submit"],
       [type="button"] {
         display: inline-block;
         font-weight: bold;
         color: #54595F;
         text-align: center;
         background-color: #75E7C2;
         border: 1px ;
         border-radius: 5px;}
         button:focus,
         [type="submit"]:focus,
         [type="button"]:focus {
           outline: 1px dotted;
           outline: 5px auto -webkit-focus-ring-color; }
         button:hover, button:focus,
         [type="submit"]:hover,
         [type="submit"]:focus,
         [type="button"]:hover,
         [type="button"]:focus {
           color: #54595F;
           background-color: #75E7C2;
           text-decoration: none; }
         button:not(:disabled),
         [type="submit"]:not(:disabled),
         [type="button"]:not(:disabled) {
           cursor: pointer; }
       ```
   

The topic ‘Fields/button alignment and dropdown highlight color problems’ is closed
to new replies.

 * ![](https://ps.w.org/search-filter/assets/icon-256x256.png?rev=3096093)
 * [Search & Filter](https://wordpress.org/plugins/search-filter/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/search-filter/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/search-filter/)
 * [Active Topics](https://wordpress.org/support/plugin/search-filter/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/search-filter/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/search-filter/reviews/)

 * 0 replies
 * 1 participant
 * Last reply from: [ita10](https://wordpress.org/support/users/ita10/)
 * Last activity: [5 years, 12 months ago](https://wordpress.org/support/topic/fields-button-alignment-and-dropdown-highlight-color-problems/)
 * Status: not resolved