AMPEDUPDESIGNS

CONSULTING CONCEPTS PERSONAL

A small blog.

Getting rid of the blue highlight on focus around input boxes on iOS Safari Mobile


When you focus on an input element in iOS, a blue highlight shadow displays when the input field comes into focus.  Searching high and low, the common answer to disable this seems to be by setting the outline:0 in css on focus like:


input:focus {
    outline:0;
}

It didn't work for me.  What else do you need?  Turn off the box shadowing that iOS also adds like this:


input:focus {
   outline:0;
   box-shadow:0;
   -webkit-box-shadow:0;
   -moz-box-shadow:0;
}

Hope that helps!

 
...
Read More ...
Tags:   focus  blue highlight  ios  safari mobile  

A Simple JQuery Keyword Highlight Plugin For Searches


For another project, I had a search bar for a blog, and when a user searched for a word or query term, the site would return a list of blogs containing the keyword being searched.  I wanted to take it a step further and highlight the searched keyword in the blog entry itself -- it's not a new idea but I wanted to extend it to the blog search I was working on.  

What I came up with was a simple JQuery plugin that you can use on any page or site that allows you to specify a target class containing content that you want to search on.  All words matching the keyword you ...
Read More ...
Tags:   Keyword  Search  Highlight  JQuery  Project