Hi,
I don't even know if this is possible but I need to override the input value for a search box using only CSS.
I don't have access to the form's HTML as it is managed by a library management system but do have a CSS where I can set overrides up.
This is the form's HTML (which i cannot change):
Is there any way to change all instances of text saying "Search the library catalogue" to "Enter a keyword, title, author or ISBN" using only CSS?
I could possibly do it with JavaScript but am far less confident!
Thanks so much for any help!!
Adele
I don't even know if this is possible but I need to override the input value for a search box using only CSS.
I don't have access to the form's HTML as it is managed by a library management system but do have a CSS where I can set overrides up.
This is the form's HTML (which i cannot change):
Code:
<form method="get" action="items" id="searchform">
<div class="formElement">
<label class="hidden" for="s" id="jslabel">Search the library catalogue</label>
<input type="text" value="Search the library catalogue" maxlength="1000" name="query" onblur="if (this.value == '') {this.value = document.getElementById('jslabel').innerHTML;}" onfocus="if (this.value == document.getElementById('jslabel').innerHTML) {this.value = '';}" id="s"><input type="submit" value="Search" id="searchsubmit"><a title="Advanced Search" id="advanced-search-link" href="advancedsearch.php?query=Search+the+library+catalogue">More search options</a>
</div>
</form>
I could possibly do it with JavaScript but am far less confident!
Thanks so much for any help!!
Adele