CSS doesn't work on my <input>'s

Kevin · Jun 8, 2010

Hello,

I've added this reference to an external css in my <HEAD>:

<link rel="stylesheet" type="text/css" href="bodystyle.css" />
-----------------------------------------------------------------------------------------------
My "bodystyle.css" file consists of:

input{font-size:50%;}
-----------------------------------------------------------------------------------------------
I've also tried:

input{font-size:16pt;}
-----------------------------------------------------------------------------------------------
and
-----------------------------------------------------------------------------------------------
input{font-size:16pt;}
-----------------------------------------------------------------------------------------------
and
-----------------------------------------------------------------------------------------------
input{font-size:16px;}
-----------------------------------------------------------------------------------------------
and ...
-----------------------------------------------------------------------------------------------
input{font-size:2.5em;}

BUT none of them work.

My input HTML consists of many of the following statements:

.... document.write("<input type=\"text\" size=\"9\" \/>"); ...

Please help me out.

Thanks,
Kevin

Evertjan. · Jun 8, 2010

Kevin wrote on 08 jun 2010 in comp.lang.javascript:

Hello,

I've added this reference to an external css in my <HEAD>:

<link rel="stylesheet" type="text/css" href="bodystyle.css" />
-----------------------------------------------------------------------
------------------------ My "bodystyle.css" file consists of:

input{font-size:50%;}
-----------------------------------------------------------------------
------------------------ I've also tried:

input{font-size:16pt;}
-----------------------------------------------------------------------
------------------------ and
-----------------------------------------------------------------------
------------------------ input{font-size:16pt;}
-----------------------------------------------------------------------
------------------------ and
-----------------------------------------------------------------------
------------------------ input{font-size:16px;}
-----------------------------------------------------------------------
------------------------ and ...
-----------------------------------------------------------------------
------------------------ input{font-size:2.5em;}

BUT none of them work.

My input HTML consists of many of the following statements:

... document.write("<input type=\"text\" size=\"9\" \/>"); ...

skip te size='' declaration

Thomas 'PointedEars' Lahn · Jun 8, 2010

Kevin said:
I've added this reference to an external css in my <HEAD>:

That would indicate you are using HTML.

<link rel="stylesheet" type="text/css" href="bodystyle.css" />

That would be XHTML instead.

My "bodystyle.css" file consists of:

input{font-size:50%;}

I've also tried:

Click to expand...

input{font-size:16pt;}
[...]

BUT none of them work.

You could have spared yourself/us the hyphen-lines, though.

My input HTML consists of many of the following statements:

... document.write("<input type=\"text\" size=\"9\" \/>"); ...

Get rid of them as follows:

document.write([
'<input size="9">',
'...'
].join(""));

Please help me out.

You have a stylesheet problem, not a script problem; ask in
comp.infosystems.www.authoring.stylesheets after you have used
<http://validator.w3.org/> and <http://jigsaw.w3.org/css-validator/>.

PointedEars

Jukka K. Korpela · Jun 8, 2010

Kevin said:
I've added this reference to an external css in my <HEAD>:

<link rel="stylesheet" type="text/css" href="bodystyle.css" />

So you have a CSS question, don't you?

Try posting to comp.infosystems.www.authoring.www.stylesheets and don't
forget to post the URL this time. Less explanations, more URLs. The odds are
that your stylesheet is just in a wrong place, or server with wrong
Content-Type, or starts with errors that cause the rest to be ignored, more
or less.

My input HTML consists of many of the following statements:

... document.write("<input type=\"text\" size=\"9\" \/>"); ...

That's not HTML. That's JavaScript code that generates HTML.

P.S. Ignore the "skip te size='' declaration" response. It's pointless, and
its sender surely did not try his "remedy" before posting.

Thomas 'PointedEars' Lahn · Jun 8, 2010

Jukka said:
^^
That's not HTML. That's JavaScript code that generates HTML.

More or less HTML ;-)

In fact, the approach described above is already error-prone unless always
complete elements are generated. It certainly is very inefficient in any
case.

PointedEars

Positioning CSS components	1	Nov 16, 2023
Help me sort out this script	1	Oct 17, 2023
Help with my responsive home page	2	Dec 14, 2022
Working on mobile css menu with plenty of frustration!	2	Dec 29, 2022
I need help fixing my website	2	Oct 15, 2023
How do I hide the modal after 5 seconds?	4	Jun 1, 2023
How to position the tooltip comment on these buttons?	9	Nov 4, 2023
An unknown bug doesn't allow the quotes app to work. What's the issue?	3	Apr 23, 2023

CSS doesn't work on my <input>'s

Kevin

Evertjan.

Thomas 'PointedEars' Lahn

Jukka K. Korpela

Thomas 'PointedEars' Lahn

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads