Hey, getting to grips with HTML5 here.
I don't understand why I can't style up a form.
<form method="get" class="search-form" action="http://website.com/" role="search">
<input type="search" name="s" placeholder="Search this website…" />
<input type="submit" value="Search" />
The following CSS mostly doesn't work.
border: 1px solid #ddd;
box-shadow: 0 0 5px #ddd inset;
According to Developer Tools the above CSS should be working but apparently it is not. There is no padding, border, border-radius, etc., on the search form.
I've tried to use more specific selectors but nothing seems to change the input from being the default one. (although it is stretching to be 100%)
Sorry I can't show you the site it's in development.
Would appreciate anyone's help