Question

I’m using a special input type for the iPhone mobile safari browser:

<li><textarea placeholder="Store Description" ></textarea></li>
<li><input class="input['text']" type="tel" name="name" placeholder="Store Phone Number" id="some_name" /></li>

The problem is that the framework I’m using has CSS styles associated with inputs that have type="text". When I switch to type="tel" it displays incorrectly. I would like to make the input use the same class without considering the type of input. Is there a way to do this?

Answer 1

In your CSS, select both input types:

input[type=text], input[type=tel]{ //CSS style in here
}