Several times this question has been asked from me, that how can we disable highlighted border when focus on form controls.
When you focused on form controls, textbox and text areas border is created around it. Using CSS property outline you can control border created around it.
Here’s an example
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Disable Highlight border focused on form controls in chrome, safari, android
and iPhone browser </title>
<style type="text/css">
*:focus
{
outline: none;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="TextBox1" runat="server" Text="aspxtutorial.com" /><br />
<textarea id="TextArea1" cols="20" rows="2">Author:Aamir Hasan</textarea>
</div>
</form>
</body>
</html>
Output
Download
css-outline-property.rar (704.00 bytes)
See live demo