Re: [css-d] remove input border via css?
Hi gang:
Is there any way to use css to remove the border that accompanies an input
box?
I've tried border: none;, but that hasn't worked.
Cheers,
tedd
--
Hi Tedd,
Use input {border-width:0;} instead and it will work.
Regards,
Maurício Samy Silva
http://www.maujor.com/
I have followed this thread with interest because I want to completeky hide
a text field on some webpages.
Samy's suggestion works fine except the vertical scroll bar remains visible.
I have not been able to Google any useful way to eliminate the scrollbar
other than to color it the same as the page background. And that seems to
work only for IE.
How can I eliminate the vertical scrollbar on a textfield.?
Thanks for any help.
Del
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] remove input border via css?
On 5/15/07, Del Wegener [EMAIL PROTECTED] wrote: I have not been able to Google any useful way to eliminate the scrollbar other than to color it the same as the page background. And that seems to work only for IE. How can I eliminate the vertical scrollbar on a textfield.? I'm not sure I'm understanding--do you want to hide: 1) an input type=text? 2) a textarea? 3) The scrollbar from a textarea? For 1 and 2, you can simply use display: none to prevent them from displaying. For #3, I'm not sure if there is a way to not display the scrollbar in a textarea. Someone else will have to comment. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] remove input border via css?
From: Del Wegener
Sent: Tuesday, May 15, 2007 8:19 AM
I have followed this thread with interest because I want to
completeky hide
a text field on some webpages.
Del,
You can use input#id { display:none; } to completely hide the text box. Or
(at the risk of suggesting a non-CSS solution), change the type to HIDDEN
and it won't display, but the form will still contain the input.
input type=text name=someinput id=someinput value=Text you need to
keep, but do not want to show becomes input type=hidden
name=someinput id=someinput value=Text you need to keep, but do not
want to show and all is well.
Thanks for any help.
Hope this qualifies!
--G
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] remove input border via css?
On Tue, 15 May 2007, Del Wegener wrote: I have followed this thread with interest because I want to completeky hide a text field on some webpages. That sounds like a hopeless task, and I wonder _why_ you would want that. I'm pretty sure there is a more constructive approach to the original problem. If you just wanted to _hide_ them, display: none or some other hiding method would work rather well, with the usual CSS Caveats or course. But I suppose you want to hide their being text fields, i.e. to display the content of a field as if it were normal text. For this, there would be many things to consider: border, font family, font size, line height, etc. Besides, the field would still be focusable, and you cannot prevent this in CSS (though possibly in JavaScript). -- Jukka Yucca Korpela, http://www.cs.tut.fi/~jkorpela/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] remove input border via css?
- Original Message - From: Jukka K. Korpela [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Tuesday, May 15, 2007 8:49 AM Subject: Re: [css-d] remove input border via css? On Tue, 15 May 2007, Del Wegener wrote: I have followed this thread with interest because I want to completeky hide a text field on some webpages. That sounds like a hopeless task, and I wonder _why_ you would want that. But I suppose you want to hide their being text fields, i.e. to display the content of a field as if it were normal text. For this, there would be many things to consider: border, font family, font size, line height, etc. Besides, the field would still be focusable, and you cannot prevent this in CSS (though possibly in JavaScript). -- Jukka Yucca Korpela, http://www.cs.tut.fi/~jkorpela/ I suppose I was not very clear, but Yucca hid it right on the head. On an interactive quiz page I respond to each student response with some constructive feedback which I currently display in a multiline textfield. I would like to provide the feedback so that it looks like normal text on the page without the appearance of the textfield. Is there a simple way to display this feedback in some other element other than a textfield? Del __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] remove input border via css?
From: Del Wegener
Sent: Tuesday, May 15, 2007 9:52 AM
Jukka Yucca Korpela, http://www.cs.tut.fi/~jkorpela/
I suppose I was not very clear, but Yucca hid it right on the head.
On an interactive quiz page I respond to each student
response with some
constructive feedback which I currently display in a
multiline textfield. I
would like to provide the feedback so that it looks like
normal text on the
page without the appearance of the textfield.
Is there a simple way to display this feedback in some other
element other
than a textfield?
Del,
I have a form where the user is allowed to enter comments (textarea) (among
other things) and then I display a confirmation page with all entries
displayed as text.
pComments: span class=disabledValue id=spnCommentsmultiple lines of
comments will fit here and wrap as needed/span/p
span.disabledValue
{
width:17em;
float:left;
border:1px solid #c0c0c0;
color:#c0c0c0;
padding:.125em .5em;
margin-bottom:.25em;
height:1.25em;
}
span#spnComments
{
height:auto;/* Let the comments be as tall as needed, with the
minimum specified in previous rule */
}
--G
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] remove input border via css?
I suppose I was not very clear, but Yucca hid it right on the head. On an interactive quiz page I respond to each student response with some constructive feedback which I currently display in a multiline textfield. I would like to provide the feedback so that it looks like normal text on the page without the appearance of the textfield. Is there a simple way to display this feedback in some other element other than a textfield? The overflow property will work with that. One thing that I noticed though was that some browsers don't like the overflow:visible property on the textarea tag; however, every browser I checked like overflow:hidden. Maybe you could utilize that styling with a known height. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] remove input border via css?
Hi gang: Is there any way to use css to remove the border that accompanies an input box? I've tried border: none;, but that hasn't worked. Cheers, tedd -- --- http://sperling.com http://ancientstones.com http://earthstones.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] remove input border via css?
Is there any way to use css to remove the border that accompanies an input box? border:0 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] remove input border via css?
tedd wrote: Hi gang: Is there any way to use css to remove the border that accompanies an input box? I've tried border: none;, but that hasn't worked. Cheers, tedd Try border-style: none; If that doesn't work, try border-style: none; border-width: 0; Usually border-style on its own is enough. Lori __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] remove input border via css?
Hi gang:
Is there any way to use css to remove the border that accompanies an input
box?
I've tried border: none;, but that hasn't worked.
Cheers,
tedd
--
Hi Tedd,
Use input {border-width:0;} instead and it will work.
Regards,
Maurício Samy Silva
http://www.maujor.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] remove input border via css?
On May 15, 2007, at 6:43 AM, tedd wrote:
Is there any way to use css to remove the border that accompanies
an input box?
I've tried border: none;, but that hasn't worked.
That should work (and works in most OS X browsers, actually [1]).
{border:none} is equivalent to border: 0 none solid. And border-style
trumps all other values.
Where does it fails? Test case ?
[1] except Safari 2.0 and lower, which simply doesn't allow styling
of border on input controls.
Philippe
---
Philippe Wittenbergh
http://emps.l-c-n.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] remove input border via css?
At 9:12 AM +0900 5/15/07, Philippe Wittenbergh wrote:
On May 15, 2007, at 6:43 AM, tedd wrote:
Is there any way to use css to remove the border that accompanies
an input box?
I've tried border: none;, but that hasn't worked.
That should work (and works in most OS X browsers, actually [1]).
{border:none} is equivalent to border: 0 none solid. And border-style
trumps all other values.
Where does it fails? Test case ?
[1] except Safari 2.0 and lower, which simply doesn't allow styling
of border on input controls.
Philippe
Hi Philippe:
I guess that's it. The only problem I have is with Safari 2.0.4.
One of the few times that Apple got it wrong.
Cheers,
tedd
--
---
http://sperling.com http://ancientstones.com http://earthstones.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] remove input border via css?
tedd wrote:
At 9:12 AM +0900 5/15/07, Philippe Wittenbergh wrote:
On May 15, 2007, at 6:43 AM, tedd wrote:
Is there any way to use css to remove the border that accompanies
an input box?
I've tried border: none;, but that hasn't worked.
That should work (and works in most OS X browsers, actually [1]).
{border:none} is equivalent to border: 0 none solid. And border-style
trumps all other values.
Where does it fails? Test case ?
[1] except Safari 2.0 and lower, which simply doesn't allow styling
of border on input controls.
Philippe
Hi Philippe:
I guess that's it. The only problem I have is with Safari 2.0.4.
One of the few times that Apple got it wrong.
Cheers,
tedd
Hmmm interesting. It does work in a recent WebKit nightly
build...(#21368) Might mean this will be fixed soon? Keep our fingers
crossed I guess.
Used border: 0; actually.
Lori
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
