Is it possible to use 2 or more classes in html text box or label?

Question

0.00/5 (No votes)

See more:

Hi,
I have a CSS classes named

CSS

class1
{
color:red;
}
class2
{
color:blue;
}
class3
{
color:yellow;
}

and I have a text box

HTML

<input type="text" id="txtname" class="class1 class2 class3" >

The text box includes 3 classes. So on running the text box which will be the color of the text and how can I predict the color.

Posted 9-Apr-14 1:27am

My Doubt

Updated 9-Apr-14 1:39am

Thomas Daniels

v4

Add a Solution

Comments

Thomas Daniels 9-Apr-14 7:42am

I rolled back your edit and formatted the code. The reason for the rollback was that you added dots before the class names, as said in Solution 1. But adding them invalidated a part of that answer, because the answer says that there are some mistakes, but that statement was incorrect after you edited your question. So, I rolled back your edit to make the answer again fully correct.

My Doubt 9-Apr-14 7:43am

ok I appreciate your roll back.

1 solution

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)

Er. Puneet Goel · Accepted Answer · 2014-04-09T01:32:00

Solution 1

Yes, you can use multiple class in same field as you did. But there are some mistake in your class file.
it should have '.' prefix in style tag class name like

XML

<style>

.class1
{
color:red;
}
.class2
{
color:blue;
}
.class3
{
color:yellow;
}
</style>

Now, in such case, last class will be effective (mainly the last overlapping property)

Posted 9-Apr-14 1:32am

Er. Puneet Goel

Comments

My Doubt 9-Apr-14 7:38am

So the color will be yellow? So what is the need of using more than one class

Er. Puneet Goel 9-Apr-14 7:42am

yes the color will be yellow, use of more than one class depends on your requirement like
You have three text box, In one you need Border:red, in second you need Color:red
Now in third you need both border and color red than instead of creating three class, just create two class and in third text box use both class.So two properties will be merged.

please mask solution accepted in case you get the solution.

Thomas Daniels 9-Apr-14 7:47am

I don't see why someone downvoted this. It's a correct answer, so +5!

My Doubt 9-Apr-14 7:58am

Mr. Er.Puneet,
So I have a doubt that if I use classes
.class1
{
font-weight:bold;
}
.class2
{
color:red;
}
.class3
{
height:20px;
}
So my text box takes all the properties said in the class?

Er. Puneet Goel 12-Apr-14 7:42am

yea off course