title: Hover on contact button and form field text colors
body: <p>I want to change the hover on my contact button to border-color: rgba(0, 0, 0, 1)</p>
  <p>I tried:</p>
  <pre><code>body.content:not(.client):not(.store):not(.product):not(.blog) :not(._4ORMAT_content_page_TITLE) ._4ORMAT_content_page_row input._4ORMAT_module_contact_input.btn, body.nested_content:not(.client):not(.store):not(.product):not(.blog) :not(._4ORMAT_content_page_TITLE) ._4ORMAT_content_page_row input._4ORMAT_module_contact_input.btn:hover {
    border-color: rgba(0, 0, 0, 1) !important;
  }
  </code></pre>
  <p>But it doesn’t work.</p>
  <p>I also want to change the pre-filled text color in the form fields to #000, but I don’t know how to.</p>
  <p>Can someone please help?</p>
  <p>I need to add !important to it because I am working with a existing CMS (like Wordpress) that has a stylesheet to it, but I can add adjustments to an custom stylesheet.</p>
  <p>I am on my (new) iPad, which is my only device right now, and the inspect element apps are really letting me down :(</p>
  <p>Thank you very much.</p>
  <p>This the html code of the contact button:</p>
  <pre><code>&lt;fieldset class=&quot;submit _4ORMAT_module_submit_left&quot;&gt;
          &lt;input class=&quot;btn primary _4ORMAT_module_contact_btn _4ORMAT_module_contact_input&quot; name=&quot;submit&quot; type=&quot;submit&quot; value=&quot;Send Message&quot; style=&quot;border-color: rgba(0, 0, 0, 0.3);&quot;&gt;
          &lt;div class=&quot;_4ORMAT_module_contact_label  &quot; data-editable-type=&quot;label&quot; id=&quot;label_4&quot; style=&quot;display:none&quot; data-force-html-mode=&quot;false&quot; data-id=&quot;110586825&quot; data-content-module-unique-id=&quot;&quot;&gt;
  
     Send Message  
  &lt;/div&gt;
        &lt;/fieldset&gt;
  </code></pre>
  <p>And this is the html code of the contact form</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>body.content:not(.client):not(.store):not(.product):not(.blog) :not(._4ORMAT_content_page_TITLE) ._4ORMAT_content_page_row input._4ORMAT_module_contact_input.btn,
  body.nested_content:not(.client):not(.store):not(.product):not(.blog) :not(._4ORMAT_content_page_TITLE) ._4ORMAT_content_page_row input._4ORMAT_module_contact_input.btn:hover {
    border-color: rgba(0, 0, 0, 1) !important;
  }
  
  /* Added after comment from @DafuQi */
  input{
      color: yellow;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;form data-editable-type="contact-form" id="contact_form_1" class=" email_form" name="contact_form_1" action="/8939597/relay_email" method="POST" data-id="110586826" data-content-module-unique-id=""&gt;
    &lt;div class="error_messages"&gt;&lt;/div&gt;
    &lt;div class="row naked"&gt;
      &lt;div class="twelvecol last"&gt;
        &lt;fieldset&gt;
          &lt;input class="_4ORMAT_module_contact_input" name="name" type="text" style="border-color: rgba(0, 0, 0, 0.3);"&gt;
          &lt;div class="_4ORMAT_module_contact_label  " data-editable-type="label" id="label_1" data-force-html-mode="false" data-id="110586822" data-content-module-unique-id=""&gt;
  
            Name
          &lt;/div&gt;
        &lt;/fieldset&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="row naked"&gt;
      &lt;div class="twelvecol last"&gt;
        &lt;fieldset class="_4ORMAT_module_input_active"&gt;
          &lt;input class="_4ORMAT_module_contact_input" data-validate="email" name="from" type="email" style="border-color: rgba(0, 0, 0, 0.3);"&gt;
          &lt;div class="_4ORMAT_module_contact_label  " data-editable-type="label" id="label_2" data-force-html-mode="false" data-id="110586823" data-content-module-unique-id=""&gt;
  
            Email
          &lt;/div&gt;
        &lt;/fieldset&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="row naked last"&gt;
      &lt;div class="twelvecol last"&gt;
        &lt;fieldset&gt;
          &lt;textarea class="_4ORMAT_module_contact_input" data-validate="required" name="body" rows="8" style="border-color: rgba(0, 0, 0, 0.3);"&gt;&lt;/textarea&gt;
          &lt;div class="_4ORMAT_module_contact_label  " data-editable-type="label" id="label_3" data-force-html-mode="false" data-id="110586824" data-content-module-unique-id=""&gt;
  
            Message
          &lt;/div&gt;
        &lt;/fieldset&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;fieldset class="submit _4ORMAT_module_submit_left"&gt;
      &lt;input class="btn primary _4ORMAT_module_contact_btn _4ORMAT_module_contact_input" name="submit" type="submit" value="Send Message" style="border-color: rgba(0, 0, 0, 0.3);"&gt;
      &lt;div class="_4ORMAT_module_contact_label  " data-editable-type="label" id="label_4" style="display:none" data-force-html-mode="false" data-id="110586825" data-content-module-unique-id=""&gt;
  
        Send Message
      &lt;/div&gt;
    &lt;/fieldset&gt;
    &lt;input name="authenticity_token" type="hidden" value="GlEwaiZWvOfzyY+LGb4v9c7YEyQLVN5ta+4hHPhuM3cgUF9yIJjec90jNfF8/nBSLMFeLQ4umb0bvpbhCzE5nQ=="&gt;&lt;input type="hidden" name="subject" value=""&gt;&lt;/form&gt;</code></pre>
  </div>
  </div>
  </p>