Google Custom Search Engine и Bootstrap3 Проблема стиля

Question

Я пытаюсь интегрировать Google CSE на странице с BS3. Похоже, что BS3 испортил окно поиска и кнопку.

http://jsfiddle.net/DTcHh/509/

Вот как выглядит код в IE и Chrome http://i.imgur.com/vungb7v.png

значок поиска отсутствует в кнопке и нижняя полоса отсутствует в Chrome.

Я пытался играть с

input.gsc-search-button 
.reset-box-sizing * 

, но так как у меня есть только базовые навыки CSS я не могу понять, как это исправить. Может кто-нибудь, пожалуйста, скажите мне, как мне исправить это, чтобы окно и кнопка выглядели отлично в браузерах IE и Non IE.

Answer 1

Все, что вам нужно сделать, это заменить значения CSS, которые создают проблемы, и узнать, что вы должны заменить, и каковы значения, которые вы должны изменить, чтобы воспользоваться преимуществами функции «Insoect Element» в Google Chrome.

Вы можете увидеть эффект на моем собственном сервере на:

http://link-sa.ga/gcse/

---

Скачать исходный код:

https://www.dropbox.com/s/bo01xp2agvp7w4e/index.html

---

JSfiddle:

http://jsfiddle.net/rsm23/GPLyM/

Читать комментарии под GCSE вызова для кода КСС должно быть так:

<gcse:search></gcse:search> 

<style type="text/css"> 

body { 
    margin: 10px; 
} 

#gsc-iw-id1{ 
    height: 30px; 
    border-color: #898989; 
} 

input.gsc-search-button-v2{ 
    width: 71px; 
    height: 29px; 
} 

</style> 

Я надеюсь, что я помог тебе;)