CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed Forums > Web Design > CSS Help
Reload this Page

Safari input focus blue border

The ASP Free website provides in-depth information on the latest developer tools available from Microsoft. Our cadre of writers, highly experienced industry experts, reveals the best ways to use established technologies as well as new and emerging technologies. Our coverage of Microsoft's development and administration technologies is among the most respected in the IT industry today.

ASP Free and Iron Speed Designer are giving away $5,500+ in FREE licenses. Iron Speed's RAD CASE toolset can save up to 80% of your coding time. One free license per week, one perpetual license per month!
Download and Activate to enter!

Intel® Graphics Performance Analyzers is a powerful tool suite for analyzing and optimizing your games, media, and graphics-intensive applications. Used by some of the best developers on the planet, Intel GPA lets you maximize your app’s performance.

Tutorials | Forums

Download to Enter | Contest Rules
DOWNLOAD INTEL® GPA FOR FREE

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old September 27th, 2007, 11:20 PM
onassar's Avatar
onassar onassar is offline
Contributing User
Dev Shed Novice (500 - 999 posts)
  
Join Date: May 2004
Location: Waterloo, Ontario, Canada
Posts: 609 onassar User rank is Lance Corporal (50 - 100 Reputation Level)onassar User rank is Lance Corporal (50 - 100 Reputation Level)onassar User rank is Lance Corporal (50 - 100 Reputation Level) 
Time spent in forums: 3 Days 11 h 20 m 59 sec
Reputation Power: 0
Send a message via ICQ to onassar Send a message via MSN to onassar
Safari input focus blue border
heys all,

so im trying to get rid of that input:focus blue 'border' or 'outline' that happens in safari browsers. determined that if you apply a opacity: 0.99 to only the safari browsers, then it won't do that.

however, this is only a fix for safari MAC. any thoughts on safari PC?

thanks.
Reply With Quote
  #2  
Old September 28th, 2007, 12:34 AM
Kravvitz's Avatar
Kravvitz Kravvitz is online now
CSS & JS/DOM Adept
Dev Shed God 28th Plane (18500 - 18999 posts)
  
Join Date: Jul 2004
Location: USA
Posts: 18,934 Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level) 
Time spent in forums: 5 Months 1 Week 1 Day 54 m 15 sec
Reputation Power: 3731
There's no need to use a hack.

Just use this:
Code:
input[type=text]:focus,
input[type=password]:focus {
  outline: 0 none;
}
__________________
Spreading knowledge, one newbie at a time. I'm available for hire at Dynamic Site Solutions.

Check out my blog. | Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Common CSS Mistakes | Common JS Mistakes

Remember people spend most of their time on other people's sites (so don't violate web design conventions).
Last edited by Kravvitz : September 28th, 2007 at 12:47 AM.
Reply With Quote
  #3  
Old September 28th, 2007, 12:42 AM
onassar's Avatar
onassar onassar is offline
Contributing User
Dev Shed Novice (500 - 999 posts)
  
Join Date: May 2004
Location: Waterloo, Ontario, Canada
Posts: 609 onassar User rank is Lance Corporal (50 - 100 Reputation Level)onassar User rank is Lance Corporal (50 - 100 Reputation Level)onassar User rank is Lance Corporal (50 - 100 Reputation Level) 
Time spent in forums: 3 Days 11 h 20 m 59 sec
Reputation Power: 0
Send a message via ICQ to onassar Send a message via MSN to onassar
you = my hero.

thank you sir.
Reply With Quote
  #4  
Old September 28th, 2007, 12:49 AM
Kravvitz's Avatar
Kravvitz Kravvitz is online now
CSS & JS/DOM Adept
Dev Shed God 28th Plane (18500 - 18999 posts)
  
Join Date: Jul 2004
Location: USA
Posts: 18,934 Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level)Kravvitz User rank is General 41st Grade (Above 100000 Reputation Level) 
Time spent in forums: 5 Months 1 Week 1 Day 54 m 15 sec
Reputation Power: 3731
I just tested this in MacOS...

It seems that setting the opacity to .99 causes the text to become invisible when an <input type="text"> gets focus in Safari 1.2 - 2.x.

Setting the opacity only seems to work in Safari 3 (which is in beta testing currently). Therefore, as far as I can tell, there is no good way to do this in Safari 1.x or 2.x.
Last edited by Kravvitz : September 28th, 2007 at 12:54 AM.
Reply With Quote
Reply

Viewing: Dev Shed Forums > Web Design > CSS Help > Safari input focus blue border

« Previous Thread | Next Thread »

Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Linear Mode Linear Mode
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump

Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 


Powered by: vBulletin Version 3.0.5
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.

© 2003-2012 by Developer Shed. All rights reserved. DS Cluster 10 - Follow our Sitemap