mui赋值_mui input用法

input:focus{

border:none !important;

}

input[type=date] {

background-color:transparent;

border: none;

FILTER: alpha(opacity=0); /*androd*/

appearance:none; /*下拉框去掉右侧图标*/

-moz-appearance:none;

-webkit-appearance:none;

}

.ui-btn, label.ui-btn {

font-weight: normal;

border-width: 1px;

border-style: solid;

}

.ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after, .ui-btn-icon-notext:after {

content: "";

position: absolute;

display: block;

width: 0px;

height: 22px;

}

.click{

width: 100px;

height: 50px;

background-color: red;

}

.tap{

width: 100px;

height: 50px;

background-color: blue;

}

.taphold{

width: 100px;

height: 50px;

background-color: palegreen;

}

年纪

一年级

二年级

三年级

四年级

简单描述

性别

Male

Female

您可以选择多天：

天

星期一

星期二

星期三

星期四

星期五

星期六

星期日

出发日期

pageinit

选择天

星期一

星期二

星期三

星期四

星期五

星期六

星期日

/body>

$(document).on("pageinit","#page",function(){

console.log("页面加载完成")

})

$(".click").on("click",function(){

$(this).hide()

})

/*点击触发*/

$(".tap").on("tap",function(){

$(this).hide()

})

/*taphold长按超过1秒时间*/

$(".taphold").on("taphold",function(){

alert("删除")

})

/*swipe水平滑动超过30px触发的事件*/

$("#page").on("swipe",function(){

alert("滑动")

})

上面input结合媒体查询使用

.my-control,.my-label{ display: inline-block !important; }

.my-label{ color:gray; }

@media all and (min-width:768px ) {

.my-label{ width: 25%; }

.my-control{ width: 73%; }

}

@media all and (min-width:500px ) and (max-width:767px) {

.my-label{ width: 36%; }

.my-control{ width: 68%; }

}

@media all and (min-width:350px ) and (max-width:499px) {

.my-label{ width: 27%; }

.my-control { width: 70%; }

}

@media all and (max-width:350px ) {

.my-label{ width: 30%; }

.my-control{ width: 63%; }

}