Fix Google Custom Search Engine (CSE) xung đột css với bootstrap

Trang web bạn tích hợp Google Custom Search Engine (CSE) và bootstrap CSS vào web site thì sẽ bị lỗi xung đột css làm cho hộp tìm kiếm của Google Custom Search Engine (CSE) hiển thị k đúng.

Bạn thêm đoạn css này vào:

.gsc-control-cse .gsc-table-result {
    font-family : inherit;
}

.gsc-control-cse .gsc-input-box {
    height : inherit;
}

input.gsc-input,
.gsc-input-box,
.gsc-input-box-hover,
.gsc-input-box-focus,
.gsc-search-button,
input.gsc-search-button-v2 {
    box-sizing  : content-box;
    line-height : normal;
    margin-top  : 0px;
}

Ủng hộ Chung Nguyễn Blog

Chung Nguyễn Blog sử dụng FlashVPS - Dịch vụ quản trị máy chủ chuyên nghiệp để quản lý VPS

#FlashVPS là dịch vụ cloud panel trên nền tảng web hỗ trợ khách hàng:

* Quản lý máy chủ số lượng nhiều
* Không có kinh nghiệm quản lý máy chủ
* Thích sử dụng giao diện web đơn giản, trực quan hơn terminal
* Quá nhàm chán với việc ghi nhớ và lặp lại việc gõ các câu lệnh
* Muốn tự động hóa mọi thao tác
* Muốn tiết kiệm thời gian quản trị máy chủ
* Muốn tiết kiệm tiền bạc, nhân lực quản trị máy chủ

https://flashvps.dev

Các bài viết trên website thường xuyên được đăng tải và cập nhật trên trang Facebook Chung Nguyễn Blog hãy tặng cho Chung một LIKE nhé! Mãi yêu các bạn!

813 👍