PlayHardGoPro
PlayHardGoPro

Reputation: 2933

Change a specific input color text

I have two differents input and I'd like to specify different colors for each one.

<div class="container">
   <div class="row">
      <input type="file" name="img"/>
      <input type="submit" name="GO" value="FOI!"/>
   </div>
</div>  

The input file has a button (color black) and a text(this is what I want to change the color).

The input submit is a button and I'd like to change the button's text color.

Is there a way to specify which input to apply a css effect?

Upvotes: 1

Views: 71

Answers (2)

Roko C. Buljan
Roko C. Buljan

Reputation: 206102

input[type="file"]{     /* you can also use:   input[name="img"]   */
   color: fuchsia;
}

input[type="submit"]{
   color: lime;
}
<div class="container">
  <div class="row">
    <input type="file" name="img"/>
    <input type="submit" name="GO" value="FOI!"/>
  </div>
</div> 

Some useful resource link about additionally styling an file button

Upvotes: 1

user5125729
user5125729

Reputation:

Just make an id for the name of the input you want something like this.

<style>
#Go {
color: #DE2A00;
}
</style>

Upvotes: 0

Related Questions