Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

css input border not working in firefox

Posted on 2008-10-23
7
Medium Priority
?
2,236 Views
Last Modified: 2012-05-05
I'm working on a page with many textbox inputs. The following seems to work fine in IE but shows the full borders in firefox... any ideas?

<style>
input {outline:0px; border:0px; border-left: 0px; border-bottom: 1px solid #AAAAAA; border-right: 0px;  }
</style>
0
Comment
Question by:rob12321
7 Comments
 
LVL 21

Expert Comment

by:silemone
ID: 22787357
what version of ie is it working in?
0
 

Author Comment

by:rob12321
ID: 22787480
It works in IE 7.0.5730.13
0
 
LVL 51

Expert Comment

by:ahoffmann
ID: 22790842
are you talking about FF3 only?
0
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 

Author Comment

by:rob12321
ID: 22791201
As far as I can tell... I haven't tried it in FF2.

I guess this isnt a known issue then?
ff.jpg
ie.jpg
0
 

Author Comment

by:rob12321
ID: 22791212
Whoops, sorry for the double post.

The images above show what is shown in both IE and FIrefox with the following code:

<style>
input {border-left: 0px; border-bottom: 1px solid #AAAAAA; border-right: 0px; border-top: 0px;  }
</style>

IE is correct, firefox is not.
0
 
LVL 5

Expert Comment

by:Devario Johnson
ID: 22791334
<style>
input {outline:0px; border:0px; border-left:none; border-bottom: 1px solid #AAAAAA; border-right: none;  }
</style>
0
 
LVL 5

Accepted Solution

by:
Devario Johnson earned 1000 total points
ID: 22791391


USE THIS ONE, last one had errors
<style>
 
input {
border-color:#AAAAAA;
border-width:1px;
border-top:0px;
border-right:0px;
border-left:0px;
}
 
</style>

Open in new window

0

Featured Post

Upgrade your Question Security!

Your question, your audience. Choose who sees your identity—and your question—with question security.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Without even knowing it, most of us are using web applications on a daily basis.  In fact, Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We generally confuse these web applications to…
By following these Magento e-commerce development tips, you can increase your website's conversion and profitability. Read this post for more details.
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses
Course of the Month14 days, 8 hours left to enroll

578 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question