CSS Image Gallery Support Product Page
Answered
Blue border around whole gallery in Safari and Chrome
Asked 12 Jan 2012 23:51:05
1
has this question
12 Jan 2012 23:51:05 will hamlyn posted:
The blurred blue border that appears around the whole gallery in Safari and Chrome and to a lesser extent in Firefox when anything is selected, can that be removed or the colour changed? I can't see anything in the css that corresponds to this to change it.(not talking about the keylines around the images and thumbnails just the whole outer frame)
It really clashes with the colours on my site.
Thanks!
Official Answer
Replied 24 Jan 2012 12:50:23
It's a focus rectangle placed by safari for accessibility. Following css should remove it:
.dmxGallery:focus { outline: none; }
Replies
Replied 13 Jan 2012 13:44:28
13 Jan 2012 13:44:28 will hamlyn replied:
Replied 18 Jan 2012 18:56:09
18 Jan 2012 18:56:09 will hamlyn replied:
Any news? Still can't figure out how to get rid of it.
Thanks
Will.
Thanks
Will.
Replied 24 Jan 2012 12:50:23
24 Jan 2012 12:50:23 Patrick Woldberg replied:
It's a focus rectangle placed by safari for accessibility. Following css should remove it:
.dmxGallery:focus { outline: none; }
Replied 25 Jan 2012 16:47:01
25 Jan 2012 16:47:01 will hamlyn replied:
Works perfectly, many thanks!
Cheers
Will.
Cheers
Will.
Replied 14 Feb 2023 10:12:04
14 Feb 2023 10:12:04 User replied:
I was wondering if there was any update. Not sure what to do at this point to eliminate it.
coreball
coreball
Replied 19 Jun 2023 11:49:35
19 Jun 2023 11:49:35 Core Core Ball replied:
Coreball is a science fiction mini-board game for 2-4 players created by Burning Games and Big Kid Creative, where players grab, push, hack, and swipe their way to victory on an ever-changing floating board.
Replied 28 Jun 2023 07:57:08
28 Jun 2023 07:57:08 User replied:
Many types of typing tests (monkeytype) are available to suit different skill levels and preferences. By practicing regularly and using a variety of typing tests, you can improve your typing speed and accuracy and become a faster, more efficient typist.
Replied 06 Jul 2023 10:56:46
06 Jul 2023 10:56:46 Igor Mysorskoi replied:
Replied 29 Aug 2023 06:56:42
29 Aug 2023 06:56:42 User replied:
Unlock your potential and conquer the ACA-Business certification with our brand-new, free practice exams for 2023. Designed to align perfectly with the latest exam objectives, our comprehensive tests offer the ultimate preparation experience.
What to expect:
Realistic exam simulations
In-depth question coverage
Detailed explanations for every answer
Timed practice sessions for exam readiness
Don't leave your success to chance! Start your journey towards Free practice exams for ACA-Business certification excellence today. Access our free practice exams and gain the confidence you need to pass with flying colors. Your success story begins here!
What to expect:
Realistic exam simulations
In-depth question coverage
Detailed explanations for every answer
Timed practice sessions for exam readiness
Don't leave your success to chance! Start your journey towards Free practice exams for ACA-Business certification excellence today. Access our free practice exams and gain the confidence you need to pass with flying colors. Your success story begins here!
Replied 18 Sep 2023 07:49:55
18 Sep 2023 07:49:55 Betty King replied:
I'm very pleased with how well you write, and the content of your article has caught my attention io games
Replied 06 Oct 2023 03:56:09
06 Oct 2023 03:56:09 Cavi Jessi replied:
Playing classic online video retro games can help you recall the glory days of video gaming.
Replied 13 Nov 2023 01:45:48
13 Nov 2023 01:45:48 User replied:
Explore unique racing locations: Drift Hunters has many interesting and exciting racing locations. Explore and enjoy the beauty and challenges that each location offers.
Replied 13 Nov 2023 01:54:50
13 Nov 2023 01:54:50 Wellton Wellton replied:
Thank you!
Replied 13 Dec 2023 09:23:31
13 Dec 2023 09:23:31 User replied:
Explore el fascinante mundo de la velocidad de clic con el sitio web Clicks Por Segundo, donde los usuarios pueden probar y mejorar su destreza al hacer clic. Participe en desafíos interactivos para mejorar la velocidad y la precisión al hacer clic con el mouse sin esfuerzo.
Replied 18 Jan 2024 17:10:41
18 Jan 2024 17:10:41 Mirli Ranolds replied:
Thanks for sharing this best stuff with us! Keep sharing! I am new to blog writing on learn ruby programming All types of blogs and posts are helpful for the readers.
Replied 12 Apr 2024 06:10:18
12 Apr 2024 06:10:18 Monkey Type replied:
A monkeytype is an assessment or exercise designed to measure a person's typing speed, accuracy, and overall proficiency in using a keyboard to type written content. The goal is to evaluate how fast and accurately an individual can type a given set of words, sentences, or paragraphs within a specified time limit.
Replied 02 May 2024 04:29:25
02 May 2024 04:29:25 User replied:
One of the features of monkey type is that it provides real-time feedback on your typing performance, including your words per minute (WPM) typing speed and accuracy. It also provides detailed statistics on your typing performance, such as your error rate and typing speed over time, which can help you track your progress and identify areas for improvement.
Replied 22 May 2024 08:46:29
22 May 2024 08:46:29 matthew claire replied:
Comprehending complex financial and legal issues is essential to creating a legally sound plan. Because they are knowledgeable about the intricacies and potential hazards, an experienced prenup lawyer orange county will successfully defend your interests.
Replied 26 Jul 2024 17:50:50
26 Jul 2024 17:50:50 Eveline Anders replied:
Providing a straightforward and enjoyable online gaming experience with its diverse collection of titles, unblocked games has a game for you whether you're a casual player or a dedicated gamer.
Replied 16 Aug 2024 09:04:48
16 Aug 2024 09:04:48 User replied:
The blue border you're seeing around the entire gallery in Safari, Chrome, and sometimes Firefox is likely caused by the default focus outline that browsers apply to elements when they are selected or focused. This outline is an accessibility feature, but if it clashes with the design of your site, you can modify or remove it.
If you're working on a website like spinago-australia.com, this approach can help maintain a consistent and aesthetically pleasing design by removing or customizing the outline that appears around your gallery. Just replace .gallery-wrapper with the actual class or ID of the gallery container you're targeting.
If you're working on a website like spinago-australia.com, this approach can help maintain a consistent and aesthetically pleasing design by removing or customizing the outline that appears around your gallery. Just replace .gallery-wrapper with the actual class or ID of the gallery container you're targeting.
Replied 17 Aug 2024 13:12:52
17 Aug 2024 13:12:52 Off Offpages replied:
To send HD images audio, video and other material, we mostly used the best messaging apps like WhatsApp plus. It has the world's best messaging features with a blue-colored theme. It works in most countries, but not in a few. If you want to download it, then go to the site and download it.
Replied 18 Sep 2024 08:00:07
18 Sep 2024 08:00:07 User replied:
I appreciate you offering new concepts every day. Excellent and very useful stuff that you have posted here.
. slice master is a fun slicing game. The object of the game is to cut through as many objects as possible to get the highest score possible.
. slice master is a fun slicing game. The object of the game is to cut through as many objects as possible to get the highest score possible.
Replied 25 Sep 2024 12:59:00
25 Sep 2024 12:59:00 User replied:
Web Development & Design in Chicago | Chicago Wordpress Developer | Hire Web Developer/Designer - Dabaran Inc: Looking for a web developer or web designer? Dabaran offers award-winning web development & design. Chicago-based, we work with international businesses to create websites that boost digital visibility and drive growth.