真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

怎么更改Bootstrap默認(rèn)輸入焦點發(fā)光樣式

本篇內(nèi)容主要講解“怎么更改Bootstrap默認(rèn)輸入焦點發(fā)光樣式”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“怎么更改Bootstrap默認(rèn)輸入焦點發(fā)光樣式”吧!

創(chuàng)新互聯(lián)公司專注于懷遠(yuǎn)企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè)公司,商城網(wǎng)站建設(shè)。懷遠(yuǎn)網(wǎng)站建設(shè)公司,為懷遠(yuǎn)等地區(qū)提供建站服務(wù)。全流程按需求定制制作，專業(yè)設(shè)計，全程項目跟蹤，創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)

答案：使用CSSbox-shadow屬性

默認(rèn)情況下，在Bootstrap中獲得焦點后，所有文本元素和<select>以及其類.form-control以藍(lán)色突出顯示的元素都會發(fā)光。</p><p>但是，您可以通過簡單地設(shè)置CSSborder-color和box-shadow屬性來修改此默認(rèn)的焦點發(fā)光或陰影樣式。讓我們嘗試一個示例，看看它實際上是如何工作的：</p><p>代碼：</p><p><!DOCTYPE html></p><p><html lang="en"></p><p><head></p><p><meta charset="utf-8"></p><p><title>Override Bootstrap Input Focus Styles</title></p><p><link rel="stylesheet" href="css/bootstrap.min.css"></p><p><script src="js/jquery-3.5.1.min.js"></script></p><p><script src="js/bootstrap.min.js"></script></p><p><style></p><p> .form-control:focus {</p><p> border-color: #ff80ff;</p><p> box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(255, 100, 255, 0.5);</p><p> }</p><p></style></p><p></head></p><p><body></p><p> <form></p><p> <div id="squ6kqw" class="form-group"></p><p> <label>Name</label></p><p> <input type="text" class="form-control" placeholder="Full Name"></p><p> </div></p><p> <div id="squ6kqw" class="form-group"></p><p> <label>Address</label></p><p> <textarea class="form-control" rows="4" placeholder="Mailing Address">

Country

Agree with Terms and Conditions

到此，相信大家對“怎么更改Bootstrap默認(rèn)輸入焦點發(fā)光樣式”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

新聞名稱：怎么更改Bootstrap默認(rèn)輸入焦點發(fā)光樣式
轉(zhuǎn)載注明：http://weahome.cn/article/isjesj.html