• Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Jeanne Boyarsky
  • Ron McLeod
  • Paul Clapham
  • Liutauras Vilda
Sheriffs:
  • paul wheaton
  • Rob Spoor
  • Devaka Cooray
Saloon Keepers:
  • Stephan van Hulst
  • Tim Holloway
  • Carey Brown
  • Frits Walraven
  • Tim Moores
Bartenders:
  • Mikalai Zaikin

CSS on submit buttons and IE 'feature'

 
Ranch Hand
Posts: 3695
IntelliJ IDE Java Ubuntu
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Hello,

Anyone know how to get IE to stop drawing that fine 1px black line around the submit button?

I've been playing with style sheets to make my buttons look like graphics. So far I've got:


That works nicely on Firefox to draw the button with the little 'lighting from the top left' effect. And when they click it , it looks depressed. But in IE, when the button itself always has a very fine (1px?) black border drawn around it.

anyone know how to kill it?
[ December 16, 2004: Message edited by: Mike Curwen ]
 
Mike Curwen
Ranch Hand
Posts: 3695
IntelliJ IDE Java Ubuntu
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Hmm... I'm seeing that it isn't always here. Here's a page that shows it off. As soon as you click one of the textboxes, the "CURSES" button will get a black box.


[ December 16, 2004: Message edited by: Mike Curwen ]
 
author
Posts: 15385
6
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
The solution that people normally get is set the border to "0 none" but that will nt work in your case. hmmm

Only solution I can think of is surround the button with a div that has a border and set the border of the button to nothing. A lot of work for a little line!

I am going to take my hour drive home, I might think of it by the time I get home, most likely not.

Eric
 
Don't get me started about those stupid light bulbs.
reply
    Bookmark Topic Watch Topic
  • New Topic