The text link on an iOS device is trapped by a persistent blue border

I've encountered an issue on my iOS device. When I open the menu with a popup, there is a blue border around the text element, even though it's not a hyperlink underline.

https://i.sstatic.net/WA3rz.jpg

I attempted to resolve this using the following CSS code:

select:focus,
textarea:focus,
button:focus {
    outline: none;
}

However, this did not work, so I then tried disabling the input outline for all elements:

input {
    outline:none;
}

Unfortunately, this also did not yield any results. Can anyone provide advice on how to fix this issue?

javascripthtmlcssiosiphone

Answer №1

As mentioned in the previous comment, additional details or code snippets would be beneficial for a more accurate solution. However, I recently encountered a similar issue where the menu items were html links, and resolving it by setting the outline to 0 on the < a > tag.

a {
  outline: 0;
}

This seems to be the updated iOS version of addressing the old dotted outline on html links

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

tips for successfully transferring date and time data between json and nosql databases like firestore

Input: Created_At:Monday, 29 April 2019 15:07:59 GMT+05:30 Updated_At:Monday, 29 April 2019 15:07:59 GMT+05:30 I attempted to export data in JSON format from Firestore using the npm package firestore-export-import. However, the output I received was: ...

javascriptnode.jsjsongoogle-cloud-firestorenosql

Attempting to center two divs to start at the same point

I've been attempting to center align two divs and have them start at the same position using CSS. Below is the inline CSS code. The first div is named container and the second div is named descriptionarea. #container { width: 60%; ...

htmlcss

Ways to simultaneously apply fade in and fade out effects using CSS

body { background-image: url("background.jpg"); background-attachment: fixed; font-family: 'Roboto', sans-serif; color: #333333; } #container { height: 1000px; } /* HEADER WITH NAVIGATION BAR AND LOGIN OPTION */ #head { position: abso ...

javascriptjqueryhtmlcss

Navigating the website with curtain.js and anchor tags

Currently, I am working on a website located at www.TheOneCraft.co.uk. I have incorporated the curtain.js jQuery plugin to create animated slide/pages as users scroll down. However, I have been unsuccessful in making the navigation bar follow this animati ...

javascriptjqueryhtmlcss

Error encountered when launching React application on IE11: SCRIPT1010- Identifier expected

Currently, I am developing a React application using webpack and babel. One issue that has cropped up is the appearance of "SCRIPT1010: Expected identifier" error messages when running it on IE11. To address this, I have managed to resolve most of these er ...

javascriptreactjswebpackbabeljsinternet-explorer-11

Executing Basic Authentication in Javascript through window.open()

After a user logs into my app, they have the option to download a CSV file from the server by clicking on a button. The URL for the download is secured with basic authentication. When attempting to open the URL using the code below: window.open('http ...

javascripthtmlajaxbasic-authentication

Having difficulty deciphering a JSON code

After calling an API, I receive the following JSON: { "product_id": "id", "name": "name", "manufacturer": "manufacturer", "image_url": "url", "additional_info": "", "store_id": "id", "store_name": "name", "owner_id": "id", ...

iosjsonswift

When _.template is evaluated in Node JS, it freezes and encounters a ReferenceError causing the program to halt

I've noticed a strange issue when using http://underscorejs.org/ with Node JS: If a reference error occurs while evaluating a template function, Node JS will become unresponsive! Examples: EXAMPLE 1: SUCCESSFUL SCENARIO: var template = "<%= tes ...

javascriptnode.jsunderscore.js

Error loading jakefile: Unable to load file

After attempting to use Jake, I encountered a strange issue where Jake was unable to load the Jakefile. Any suggestions on how to resolve this? Directory Structure: jake_test >> jake.sh jake_test >> jakefile.js jake.sh file node_modules/.b ...

javascriptnode.jsjake

Guide on efficiently inserting values into an array of objects

I'm looking to extract specific values from the enum below enum p { XDR = 1, PT1M = 2, PT1M_ = 2, PT5M = 3, PT5M_ = 3, PT15M = 4, PT15M_ = 4, PT1H = 5, PT1H_ = 5, P1D = 6, P1D_ = 6, P7D = 7, P1W = 7, ...

javascriptangularreactjstypescript

Styling a submission button with HTML and CSS

I've tried following a few solutions on Stack Overflow, but I just can't seem to get this simple line of code to work. <a class="lp-element lp-pom-button" id="lp-pom-button-25"><span class="label" style="margin-top: -10px;">Get Notif ...

htmlcss

There was an unhandled rejection error stating: "TypeError - Unable to access property 'push' as it is undefined"

I am encountering an issue while trying to create a function that returns all indexes of an array. I'm not sure what mistake I might be making, as I keep getting an error stating that push cannot be used due to an undefined value. Here's the cod ...

javascriptreactjstypescript

What is the best method for inserting text into a segue function to transfer to the following controller?

I am trying to extract the title and assign it to the variable 'titleText' in DestVC, which is a label. How can I achieve this within the context of the segue function? import UIKit import Firebase import FirebaseDatabase import SDWebImage str ...

iosswiftuitableviewuiviewcontrollersegue

Ensure that the authorization header is properly set for all future client requests

I need help figuring out how to automatically set the "Authorization: Bearer ..." header for user requests. For example, I save the user to the database, generate a token, and send a welcome email with the token : await user.save() const token = await use ...

javascriptnode.jsexpress

When attempting to organize the layout of the dash app using app.layout=dbc.Container(), an AttributeError occurs, indicating that the 'layout' attribute is not available in the 'tuple' object

I am facing an issue with the script I have: import dash import pandas as pd import numpy as np import database from dash import Dash, dcc, html import dash_bootstrap_components as dbc # create a dash app that is mobile-friendly app = dash.Dash(__name__, ...

pythonhtmlbootstrap-4plotlydashboard

Tips for making my JavaScript form open a new window after submitting

Currently, the link opens in the same window when submitted. I would like it to open in a new window instead. This is the script in the head section: <script type="text/javascript"> function getURL(val){ base = 'http://www.domain.com/'; ...

javascriptformssubmit

UIBootstrap Tooltip Triggering on Various Events

Can the triggers for Tooltip in UIBootstrap be extended to accept multiple conditions? For instance, I would like my tooltip to close on both 'blur' and 'click' actions. I attempted to pass in an array but it did not work: $tooltipPr ...

htmlangularjstwitter-bootstraptooltipangular-ui-bootstrap

"Utilizing the 'await' keyword within a JavaScript 'for of'

Could there be an issue with my code? I am utilizing express and mongoose router.get('/c/:hashtoken', validateEmailToken, catchAsync(async(req,res)=>{ const hashtoken = req.params.hashtoken const hashtoken2 = createHash('sha256&ap ...

javascriptnode.jsmongodbexpressmongoose

Discovering the Value of TD when Clicked in MVC

I have been struggling to extract a value or string from a td in a table, but none of the clickevents I've used seem to work. Here is the structure of the table: <table id="tblMain"> <thead> <tr> ... </tr> ...

javascriptjqueryasp.net-mvcasp.net-mvc-4razor

Utilizing socket.io and NodeJS to manage turns in a turn-based gaming scenario

My game development project involves using Nodejs in combination with Socket.io to create a turn-based game. In this game, each player's turn must come to an end when either the "Pass" button is pressed or if 5 seconds have passed since the turn star ...

javascriptjquerynode.jswebsocketsocket.io