35 lines
755 B
HTML
35 lines
755 B
HTML
<html>
|
|
<head>
|
|
<style>
|
|
input[type="search"] {
|
|
color: transparent;
|
|
}
|
|
|
|
input[type="search"]::-webkit-search-cancel-button {
|
|
-webkit-appearance: none;
|
|
background-color: blue;
|
|
height: 1em;
|
|
width: 1em;
|
|
}
|
|
|
|
input[type="search"]::-webkit-search-cancel-button:hover {
|
|
background-color: red;
|
|
}
|
|
</style>
|
|
<script src="resources/common.js"></script>
|
|
</head>
|
|
<body>
|
|
<input type="search" id="search" value="foo"/>
|
|
<script>
|
|
if (window.testRunner) {
|
|
var input = document.getElementById("search");
|
|
var position = searchCancelButtonPosition(input);
|
|
eventSender.mouseMoveTo(position.x, position.y);
|
|
eventSender.mouseDown();
|
|
eventSender.mouseUp();
|
|
eventSender.mouseMoveTo(position.x + 1, position.y);
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|