01/10/2018, 10:20

Cách để bootstrap k ảnh hưởng đến nhưng <style> đã thiết lập từ trước?

Mình có 1 trang như sau :


Sau khi mình để code bootstrap vào phần head thì nó ra thế này :

ai có cách để nó k ảnh hưởng tới style ban đầu k ?

Henry viết 12:25 ngày 01/10/2018

Bạn muốn thuộc tính của bạn đè bootstrap thì thêm !important vào
Ví dụ

.container {
    background: red!important;
}

À, cái này hình như còn phân level nữa . Bạn vẫn có thể !important để đè cái !important

Hoàng Ngô viết 12:26 ngày 01/10/2018

k đc r bác ơi
nó vẫn vậy

Henry viết 12:21 ngày 01/10/2018

Bác đưa thử cái phần code này lên xem sao. Mỗi cái login chắc cũng ngắn

*grab popcorn* viết 12:26 ngày 01/10/2018

Bạn thử đặt link css của bạn sau link bootstrap
Những css sau nếu có trùng sẽ đè + ghép thằng trước.

<link ... href="bootstrap.css">
<link ... href="hello.css">

Ngoài ra để kỹ hơn, bạn nên inspect element, xem các giá tị nào bị bootstrap đè sẽ xử lý dễ hơn.

Hoàng Ngô viết 12:28 ngày 01/10/2018

thôi mình quyết định k dùng bootstrap nữa mà tự code luôn :v

Hoàng Ngô viết 12:20 ngày 01/10/2018

bác ơi cho mình hỏi trên web có event text changed k, mình định nếu cái email nhập vào là email hợp lệ thì cho nền thành xanh, ngược lại đỏ, bước kiểm tra hợp vệ thì đúng nhưng chỉ đc khi load page lúc mới vào, còn khúc sau thì nó k làm gì cả, cái nó chỉ có thể load cùng với trang 1 lần duy nhất hay sao ấy, giờ mình cần có thử gì đó luôn trong trạng thái sẵn sàng để xử lý dữ liệu :v

Dark.Hades viết 12:21 ngày 01/10/2018

trên web có event text changed k

Nếu bạn muốn web mình hiện đại thì dùng Angularjs/React/Vuejs hoặc 1 thằng mới ra mình thấy khá hay mà lại nhẹ(1KB) là HyperApp.
Những lib này có chức năng chính là quản lí sự thay đổi của DOM, khá tiện khi xây dựng web app.

Còn nếu bạn chưa quen thì có thể dùng luôn jquery, check event nhập từ bàn phím là được:
https://api.jquery.com/change/

Henry viết 12:21 ngày 01/10/2018

Thì dùng php
Bạn làm một cái function

function getTextColor()
{
    if ($user == '' && $pass == '')
        return 'Mau Trang';
    else if ($user == 'user_hople' && $pass == 'pass_hople')
        return 'Mau Xanh';
    else
        return 'Mau Do';
}

Và trong phần mà bạn muốn thay đổi màu ví dụ là một cái background đi

<div style="background-color:<?=getTextColor()?>;">Một cái div</div>

Đừng quên là lúc đầu là cho $user và $pass đều bằng ''. Giá trị này sẽ thay đổi khi bạn so $user, $pass Sau khi post or get của bạn

Hoàng Ngô viết 12:32 ngày 01/10/2018

ra là php có thể chạy liên tục cùng với web

Hoàng Ngô viết 12:28 ngày 01/10/2018

ok mình sẽ thử thanks bác để góp ý

Quang Tuyên Vương viết 12:31 ngày 01/10/2018

Bạn để file link bootstrap lên trước file style của bạn là nó sẽ tự động nhận cái style thôi mà.

Henry viết 12:33 ngày 01/10/2018

Nếu chưa biết sơ qua thì đừng làm nha. Mấy cái này cũng có vị dụ tương tự trên youtube của anh Lưu Trường Hải Lân rồi, nào là máy đổi tiền, xem cung hoàng đạo, máy tính đều tương tự như cái này

Hoàng Ngô viết 12:26 ngày 01/10/2018

mà bác ơi hình như cái này nó phải nhấn 1 nút gì đó để load focus, có cách nào k cần nhấn k :V

Henry viết 12:33 ngày 01/10/2018

Ý là nhập xong thôi không cần nhấn đúng không. Dạng như đăng kí gmail đúng chứ?
Đó là nhờ vào event blur. Bạn có thể tìm hiểu về Javascript. Mà nói thật JQuery là phát một.

Hoàng Ngô viết 12:30 ngày 01/10/2018

à mình làm đc r nhờ jquery :v

Bài liên quan
0