How to change input text color in javascript

To change the text color of a paragraph using jQuery, we simply can use the css() method to change the styles of an element.

Let’s say we have the following HTML:

If we want to change the color of the paragraph to green, we will use the jQuery css()

If you are using WordPress, don’t forget to change the $ to jQuery as below:

The second argument can be any valid css color.

So for example, we could use the hexadecimal value for green to change the background color to green.

Using jQuery to Change the Color of Text with a Click

To change the color of text using jQuery, we can combine the css() method with a click event.

Let’s say we have the following HTML and we want to change the color of the first paragraph to green.

We can utilize both the jQuery click() and css() methods to change the color of the first line of text.

The final code and output for this example of how to change the text color using jQuery is below:

Code Output:

Full

change font colour jquery

how to change font color in css using jquery