473,473 Members | 1,469 Online
Bytes | Software Development & Data Engineering Community
Create Post

Home Posts Topics Members FAQ

setting textarea font to match rest

I haven't specified fonts, leaving the user to have their chosen font.

However, different tags render in different default fonts: text, input,
& textarea all different from one another. I guess this is normal
behaviour, but it looks poor, and I don't want our website to look that
way (to out of the box browsers).

How would I set textarea's 'like' input, or how would I determine
(Javascript?) what's being used by an input field, to set the textarea
the same ? If it's got to be javascript, is there a way to set style for
all textareas together, rather than individual textareas ?

The difference between input boxes & text is bearable, if necessary, but
the textarea default font stands out too much.

Thanks,
Chris
Jul 20 '05 #1
4 23688
Els
Chris Sharman wrote:
I haven't specified fonts, leaving the user to have their
chosen font.

However, different tags render in different default fonts:
text, input, & textarea all different from one another. I
guess this is normal behaviour, but it looks poor, and I
don't want our website to look that way (to out of the box
browsers).

How would I set textarea's 'like' input, or how would I
determine (Javascript?) what's being used by an input
field, to set the textarea the same ? If it's got to be
javascript, is there a way to set style for all textareas
together, rather than individual textareas ?

The difference between input boxes & text is bearable, if
necessary, but the textarea default font stands out too
much.


Didn't try this, but how about
body,input,textarea{
font-family:Helvetica,sans-serif;
font-size:100%;
}
?

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: Jay-Z - Excuse Me Miss feat Pharrell
Jul 20 '05 #2
Els wrote:
Chris Sharman wrote:
However, different tags render in different default fonts:
text, input, & textarea all different from one another. I
guess this is normal behaviour, but it looks poor, and I
don't want our website to look that way (to out of the box
browsers).

How would I set textarea's 'like' input, or how would I
determine (Javascript?) what's being used by an input
field, to set the textarea the same ? If it's got to be
javascript, is there a way to set style for all textareas
together, rather than individual textareas ?


Didn't try this, but how about
body,input,textarea{
font-family:Helvetica,sans-serif;
font-size:100%;
}

Sorry - I wasn't clear - I don't want to overrule all users' font
choices - I want to leave body alone, and have textarea 'like' body, and
maybe input & select too.

Sort of textarea { font-family: inherit }
hmm - just tried that - answered my own question - sorry for wasting
everybody's time !!

Chris
Jul 20 '05 #3
Els
Chris Sharman wrote:
Els wrote:
Chris Sharman wrote:
However, different tags render in different default fonts:
text, input, & textarea all different from one another. I
guess this is normal behaviour, but it looks poor, and I
don't want our website to look that way (to out of the box
browsers).

How would I set textarea's 'like' input, or how would I
determine (Javascript?) what's being used by an input
field, to set the textarea the same ? If it's got to be
javascript, is there a way to set style for all textareas
together, rather than individual textareas ?
Didn't try this, but how about
body,input,textarea{
font-family:Helvetica,sans-serif;
font-size:100%;
}


Sorry - I wasn't clear -


Yes you were
I don't want to overrule all
users' font choices - I want to leave body alone, and have
textarea 'like' body, and maybe input & select too.
I did get that, just didn't think of a solution without having
to use at least a generic font... (don't know why I put the
Helvetica in :S)
Sort of textarea { font-family: inherit }
hmm - just tried that - answered my own question - sorry
for wasting everybody's time !!


Didn't waste it, you provided other people (like myself) with
a solution to future problems :-)

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: Legião Urbana - HIGH NOON
Jul 20 '05 #4
Chris Sharman wrote:
Els wrote:
Chris Sharman wrote:
However, different tags render in different default fonts:
text, input, & textarea all different from one another. I
guess this is normal behaviour, but it looks poor, and I
don't want our website to look that way (to out of the box
browsers).
How would I set textarea's 'like' input, or how would I
determine (Javascript?) what's being used by an input
field, to set the textarea the same ? If it's got to be
javascript, is there a way to set style for all textareas
together, rather than individual textareas ?


Didn't try this, but how about body,input,textarea{
font-family:Helvetica,sans-serif;
font-size:100%;
}

Sorry - I wasn't clear - I don't want to overrule all users' font
choices - I want to leave body alone, and have textarea 'like' body, and
maybe input & select too.

Sort of textarea { font-family: inherit }
hmm - just tried that - answered my own question - sorry for wasting
everybody's time !!


Spoke too soon - doesn't work in IE. Fixes Mozilla though.

Chris
Jul 20 '05 #5

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

1
by: Thomas S. | last post by:
Hello I´ve got a question concerning the usage of a textarea in a xsl. When i just write the following code, <span style="font-size:12.0pt; "><textarea name="hotelbeschreibung" rows="5"...
4
by: Csaba Gabor | last post by:
What I'd like to do is to be able to set the font of a textarea element to the same font that another element is using (say, for example, an <INPUT type=text ...> element, but if that's a no go,...
1
by: Volt | last post by:
is there any way to select and mark part of text in textarea by regular expression? i need to select the first string in textarea whitch is like xxxxx,xxx where x is any character
8
by: yerk5 | last post by:
Does js have some way of doing what I want here: I want to paste a multiline block of text into a TEXTAREA form field, and there is data in the block of text that I want to extract into a...
21
by: Michael Bierman | last post by:
Please forgive the simplicy of this question. I have the following code which attempts to determine the color of some text and set other text to match that color. It works fine in Firefox, but does...
5
by: Porthos | last post by:
I'm authoring an XML document and using the <pre> html tag for the portions that are not dynamically generated. The <pre> text is displaying in a smaller font size (and I believe different font)...
14
by: Roger Withnell | last post by:
How to I find out what size text the browser is set to? Thanks in anticipation.
2
by: thuythu | last post by:
Please help me.... I used and Javascript to view the data. But when i click button open a popup windows, then select data and click save button. The popup close and return the main page, but the...
0
by: saijin | last post by:
I'm planning to call a list of data from an XML file but when I duplicate the content inside the <data></data> it is not showing anything Here's the ActionScript 3.0 import...
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
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
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,...
1
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...
1
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...
0
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
0
muto222
php
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

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.