How to Avoid Default Css Changes?

Question

0.00/5 (No votes)

See more:

I have Project Which Contain Default.css that is applied in all form.
But now i have one form in which i dont want default.css styles so how can i do that.?

Posted 17-Dec-14 20:32pm

Member 10453691

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Thomas Daniels · Answer 1 · 2014-12-17T20:52:00

Solution 1

You can give that form a class, like this:

HTML

<form class="yourClassHere" ...>

And in your default.css stylesheet, go to the rules for a form tag and make sure that you exclude the form with that class:

CSS

form:not(.yourClassHere) {
    /* style rules here */
}

And then, you can add some new rules, specific for that form:

CSS

form.yourClassHere {
    /* style rules here */
}

Posted 17-Dec-14 20:52pm

Thomas Daniels

Comments

Member 10453691 18-Dec-14 4:16am

form:not(.yourClassHere) {
/* style rules here */
}

Vs

form.yourClassHere {
/* style rules here */
}

I am not getting you exatly can you Please Expalin me once again.

Thomas Daniels 18-Dec-14 4:23am

Those CSS rules make sure that your form does not get default.css styling rules, if you give it a class.

Member 10453691 18-Dec-14 4:30am

yes i know that let me say one thing my form name is test.aspx now what i am writing in defualt.css then it will not take style of default.css

Thomas Daniels 18-Dec-14 4:32am

So you want to make sure that default.css does not apply to one file, not to one <form>?

Member 10453691 18-Dec-14 4:34am

Ok then i have to Do it in form is it possible?

Thomas Daniels 18-Dec-14 4:36am

What do you mean by "form"? Do you mean your test.aspx file, or your <form> tag?

Member 10453691 18-Dec-14 4:38am

Yes text.aspx is my file and i want to remove defualt.css style what can i do?

Thomas Daniels 18-Dec-14 4:40am

How are you including the default.css file?

Member 10453691 18-Dec-14 4:43am

I am making webbase project in asp.net And I put default.css in appthemes folder so it is automaticallly applied in application.

Thomas Daniels 18-Dec-14 5:15am

In that case, I have no idea. I'm sorry.

suthar parth · Answer 2 · 2014-12-17T21:52:00

Solution 2

You can give the id of your stylesheet link reference.

<link href="default.css" id="default" type="text/css" />

On page level, write below code.

<script type="text/javascript">
$(document).ready(function () {
$("#default").attr('href','');
});
</script>

This code is replace href link to particular style sheet at single form.

Posted 17-Dec-14 21:52pm

suthar parth

Updated 17-Dec-14 22:03pm

v2

Comments

Member 10453691 18-Dec-14 4:31am

how can i implement above. i think these one is only for href