JSFiddle - React, Tailwind, and code Playground
HTML
<gcse:search></gcse:search>
CSS
/*-----------------Begin - code tìm kiếm google*/
.cse input.gsc-input, input.gsc-input {
background-image:url("http://thcstranquangkhai.edu.vn/themes/defaultphavaphu/images/Timkiem.png") !important;
background-repeat:no-repeat;
background-color:#fff;
}
.cse input.gsc-input:focus, input.gsc-input:focus {
background-image:none !important;
}
.gsc-tabHeader.gsc-tabhInactive{
border-color: #E9E9E9;
background-color: #E9E9E9;
width:90px;
border-color: #FF9900;
border-bottom-color: #FFFFFF;
background-color: #FFFFFF;
width: 90px;
}
.gsc-tabHeader.gsc-tabhActive{
border-color: #FF9900;
border-bottom-color: #FFFFFF;
background-color: #FFFFFF;
width: 90px;
}
td.gsc-input input.gsc-input {
padding: -10px;
border: 1px solid #ccc;
border-radius: 3px;
font-size: 14px;
color: #009900; /*Màu chữ khi nhập*/
}
td.gsc-search-button input.gsc-search-button {
background: #08c;
color: #fff;
font-weight: normal;
height: 25px;
/* padding: 5px 10px; */
border: 1px solid #3ad;
width:auto;
}
td.gsc-search-button input.gsc-search-button:hover {
background: #3ad;
color: #fff;
border: 1px solid #3af;
}
.gsc-control-cse, .gsc-control-cse{
background-color: transparent !important;
background-color: -webkit-linear-gradient transparent !important;
background-color: -moz-linear-gradient transparent !important;
padding: 0px !important;
}
.gsc-control-cse {
border: 0px !important;
background-color: transparent !important;
background-color: -webkit-linear-gradient transparent !important;
background-color: -moz-linear-gradient transparent !important;
}
.gsc-input-box{
border-radius: 3px ; /*Bo góc vùng nhập liệu*/
}
/*-----------------End - code tìm kiếm google*/
table.gsc-search-box td.gsc-input {
padding-right: 1px !important;
}
JavaScript
(function() {
var cx = '002514703985552460174:ia4iierzcim';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//www.google.com/cse/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
$(document).ready(function() {
setInterval( function()
{
$("#gsc-i-id1").css("background-image","http://thcstranquangkhai.edu.vn/themes/defaultphavaphu/images/Timkiem.png")
},10/*Time*/);
});