layui創建表單下拉框樣式不顯示


border-left: 5px solid #009688;

注釋:solid實體,實心樣式;

Blockquote:塊引用;Fieldset:字段集;

1.所有瀏覽器都支持 <fieldset> 標簽。

fieldset 元素可將表單內的相關元素分組。

<fieldset> 標簽將表單內容的一部分打包,生成一組相關表單的字段。

當一組表單元素放到 <fieldset> 標簽內時,瀏覽器會以特殊方式來顯示它們,它們可能有特殊的邊界、3D 效果,或者甚至可創建一個子表單來處理這些元素。

<fieldset> 標簽沒有必需的或唯一的屬性。

<legend> 標簽為 fieldset 元素定義標題。

  

2、問題:示例頁面下拉框樣式出不來,輸入框可以

解決:

引入js文件<script src="~/layuiadmin/layui/layui.js"></script>

render刷新select選擇框渲染;

代碼:

layui.use('form', function () {
var form = layui.form;
form.render('select'); //刷新select選擇框渲染
//各種基於事件的操作,下面會有進一步介紹
});

總結:頁面html中有樣式后,需要js代碼重新渲染一下,才有下拉框效果; 

Layui會對select、checkbox、radio等原始元素隱藏,從而進行美化修飾處理。但這需要依賴於form組件,所以你必須加載 form,並且執行一個實例。值得注意的是:導航的Hover效果、Tab選項卡等同理(它們需依賴 element 模塊)

所以當新添加這些元素以后需要對頁面表單元素重新渲染一下

 

 

 

 

https://www.layui.com/demo/form.html

https://blog.csdn.net/light_666/article/details/80205041


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM