473,396 Members | 2,017 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,396 software developers and data experts.

proper CSS style for Textbox

rahulephp
I want to change the properties of text inside Textbox
<input type="text" name="input" value="" />

Can you please let me know proper CSS style for the same

Thank you in anticipation
Oct 12 '09 #1
3 5443
numberwhun
3,509 Expert Mod 2GB
@rahulephp
First, I have moved your thread over here to the HTML/CSS forums. Since this is obviously a CSS question, it did not belong in the PHP forum. You need to please be sure and post your question under the most appropriate forum topic next time.... please.

As for your question, what do you want to change? The input area will be blank until the user enters something. But, if you want to play with it to see if you can change it prior to the user entering anything (which I haven't tried or worried about before), you should add a class name to your input link and then, in your CSS play with the different attributes relating to font.

Its not that I am unwilling to show you, but if you don't yet know CSS, then you really need to learn it and there is no time like the present when you need to do something, to learn it.

Regards,

Jeff
Oct 12 '09 #2
TheServant
1,168 Expert 1GB
@rahulephp
Either add a class to the input:
Expand|Select|Wrap|Line Numbers
  1. <input class="myclass" type="text" name="input" value="" />
With the css:
Expand|Select|Wrap|Line Numbers
  1. .myclass { font-size: 6px; text-decoration: underline; }
Or add a class to the surrounding div:
Expand|Select|Wrap|Line Numbers
  1. <div class="myclass">
    <input type="text" name="input" value="" />
    </div>
With the css:
Expand|Select|Wrap|Line Numbers
  1. .myclass input { font-size: 6px; text-decoration: underline; }
Oct 12 '09 #3
If u dont want to use external style sheet u can use style properties as below.

Expand|Select|Wrap|Line Numbers
  1. <input type="text" style="text-align: right;" value ="">
Oct 13 '09 #4

Sign in to post your reply or Sign up for a free account.

Similar topics

3
by: chriso | last post by:
Hi, I've been playing around with asp.net and don't understand how to get my web controls to 'inherit' (which is probably the wrong phrase) the style from the web form they are on. I cut and...
11
by: Mark Rae | last post by:
Hi, Is there any way to modify the style of the button portion of an HtmlInput control? I have a CSS class which I use for all of the buttons to try to make them a little less ugly than the...
2
by: John | last post by:
Hi, I am creating a Subscription section on an asp.net webpage. On the left there is the string value "Email:", and on the right there is the Textbox, whose ID is EmailAddress. Using a table...
1
by: ABC | last post by:
I tried KDNGrid's (www.knowdotnet.com) Multiline textbox column style for datagrid. It is very good but has some bug on wrong handle datagrid height that cannot display the scrollbar when a row...
9
by: ujjc001 | last post by:
hello, I am in asp.net and have a form with an asp textbox. I specify a cssclass for the text box having the following: ..Textbox { font-size: 8pt; list-style-type: none; background-color:...
0
by: Diane Yocom | last post by:
I must be doing somethign wrong. I've never seen something like this before, but my font-size and font-weight properties only seem to be working *after* I hit the submit button. The color works...
2
by: SAL | last post by:
I have the following line of code in my Page_Load Event of my ASP.net page: txtExplanationofChange.Attributes.Add ("style","overflow :hidden"); which allows me to can turn off the Scrollbar of my...
1
by: Mark Rae | last post by:
Hi, Have been modifying a piece of JavaScript I found on the net which completely prevents the Google AutoFill Toolbar from doing its stuff... Got that working now but, while I was debugging it,...
2
by: greenMark | last post by:
Hi All, I'm relatively new to ASP.NET and Visual Web Developer 2008. I'm using a Master page with one content place holder. There is a Cascading Style Sheet file which is being refered by the...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.