Reset element color to default stylesheet color (jQuery, JavaScript) - Stack Overflow

admin管理员组

文章数量:1334290

I need to be able to reset an input field back to its original color after it has been possibly changed via javascript to a different value. The problem is I do not want to hard code the value in case the stylesheet changes. I would like to use the default color used on the page.

Is resetting the color like this fine, or is there a better way to do this?

$('#theinput').css('color', '');

I need to be able to reset an input field back to its original color after it has been possibly changed via javascript to a different value. The problem is I do not want to hard code the value in case the stylesheet changes. I would like to use the default color used on the page.

Is resetting the color like this fine, or is there a better way to do this?

$('#theinput').css('color', '');

• javascript
• jquery
• css

Share Improve this question Follow edited Dec 8, 2016 at 18:24 cweston asked Mar 23, 2010 at 14:05 cwestoncweston 11.6k2121 gold badges8585 silver badges107107 bronze badges 1

• If anyone manage to do that in a userscript for google doc... – JinSnow Commented Jul 15, 2021 at 9:09

Add a comment  | 

3 Answers 3

Sorted by: Reset to default 28

There's no better way. It's the standard way.

Basically, there's no way to delete a CSS attribute from the style property of DOM elements. So all you can do is set the attribute value to empty and let CSS do its job of reverting back to the stylesheet.

If you wanted to do it in plain JavaScript, you could do:

document.getElementById('theinput').style.color = '';

The only issue with this, or your jQuery method, is if the HTML has a style attribute that sets the color CSS property. If you wanted to preserve that, you’d have to store it on page load.

But if it’s alright to assume there isn’t a style attribute, then you’re golden.

Fine, but you have to specify the color inside quote and id of the input on what color should change.

This will work :)

$("#InputIdName").css('color', '#979797'); 

本文标签： Reset element color to default stylesheet color (jQueryJavascript)Stack Overflow