iphone中input按鈕設定disabled屬性出現灰色背景沒有顯示問題
昨天在專案中發現傳送驗證碼的按鈕,在點選後新增disabled屬性後,iphone手機中出現disabled屬性的預設背景顏色沒有顯示,反而直接顯示它下面的父級元素的白色
點選前
點選後
倒計時的按鈕消失了
然後就開始了各種方案測試,沒啥效果。
之後就從處理相容性問題上轉移到直接設定樣式覆蓋掉disabled的預設樣式
input[type=button], input[type=submit], input[type=file],button{ cursor: pointer; -webkit-appearance: none;}
input:disabled{
background-color: #C0C0C0!important;
}
這個樣式設定是連按鈕中的字型顏色也改變,所以需要改變字型顏色另外新增即可。
相關推薦
iphone中input按鈕設定disabled屬性出現灰色背景沒有顯示問題
昨天在專案中發現傳送驗證碼的按鈕,在點選後新增disabled屬性後,iphone手機中出現disabled屬性的預設背景顏色沒有顯示,反而直接顯示它下面的父級元素的白色 點選前 點選後 倒計時的
iphone中input按鈕設置disabled屬性出現灰色背景沒有顯示問題
import images round 開始 disable .cn 倒計時 pan color 在項目中發現發送驗證碼的按鈕,在點擊後添加disabled屬性後,iphone手機中出現disabled屬性的默認背景顏色沒有顯示,反而直接顯示它下面的父級元素的白色 點擊前
elasticsearch中mapping中的可設定的屬性
mappings : 在index(庫)下建立時使用,下面可以有多個mapping 以下資料結構主要針對每個mapping進行說明: 一級屬性 二級屬性 三級屬性 說明 dynamic &nbs
html中input標籤的tabindex屬性
分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!  
js_獲取input的非disabled屬性的值並計算
html 買方錢款 <input type="text" id="buyer.money" /> 賣方錢款 <input type="text" id="seller.money" /> js var buyerMoney = parseFloa
關於button按鈕設定background屬性後,點選效果失效的解決辦法。(當點選的時候顯示陰影)
1.當button按鈕我們未設定background的屬性的時候,button按鈕預設點選的時候顯示灰色。 2.當我們為button按鈕設定background屬性之後,button點選的效果失效。(,如果是白背景,一直是白色) 3.解決方法:在res下新建資料夾color
解決select 下拉框 設定disabled屬性後 form表單提交到後臺取不到值的情況
1. 鑑於select 下拉框沒有readonly屬性,有以下兩種方式: 1. <select style='width: 235px;color:#aaa' onfocus="this.defaultIndex=this.selectedIndex
下拉框設定disabled屬性,form表單提交後臺拿不到相應的值
給某個下拉框設定不可選,但是form表單提交以後拿不到該下拉框對應的值$("#type").attr("disabled","disabled");解決方法:form表單提交之前,jquery將該屬性去掉即可 $("#type").removeAttr("disabled")
pyqt5 給按鈕設定css樣式和介面背景設定
具體程式碼如下 import sys from PyQt5.QtWidgets import QWidget, QPushButton, QApplication from PyQt5.QtGui import QPalette, QBrush, QPixmap class Examp
在頁面中有overflow-y:auto屬性的div,當出現滾動條,點擊返回頂部按鈕,內容回這個div最頂部
1.8 auto class blog click scrip title over nbt <!doctype html> <html lang="en"> <head> <meta charset="UTF-8">
input標籤中設定readonly屬性後游標顯示問題
IE、火狐瀏覽器中,在HTML中,如果把一個的readonly屬性設定為"readonly",表示這個表單元素不能編輯。但是,滑鼠點選之後,這個表單元素還是有游標存在的。 以下方法可以解決這個問題: 1.設定屬性 disabled=“disabled”, <input ty
leaflet 在地圖popup彈框中新增按鈕並點選響應(vue2leaflet),設定popup的content屬性,新增button
效果如圖,點選【進入】按鈕,彈出alert提示框。當然這裡可以把alert換成其他響應需求。 首先給popup的content新增button: <l-popup :content="profile1-1+ '<br><button id=
jquery設定input disabled屬性的示例
如何將設定disabled屬性為true,即為不可用狀態,分別用js、jquery與html實現。 例子: 程式碼如下 複製程式碼 //JS document.getElementByIdx("btn").disabled=true; //jquery
table:表格設定table-layout:fixed屬性後,如果表格中第一行出現合併單元格,那麼後面tr中的td設定寬度無效
針對上面的問題,現在又兩種解決方法: 1 在表格的第一行設定一個隱藏的行如下:<tablestyle="table-layout: fixed; width:100%;"> <trstyle="display:none"> <
JavaScript中如何給按鈕設定隱藏與顯示屬性
*/ * Copyright (c) 2016,煙臺大學計算機與控制工程學院 * All rights reserved. * 檔名:text.html * 作者:常軒 * 微信公眾號:Wo
[zt]C#中DataGridView按鈕禁用或不可點的方法(設定Enabled屬性)
本人在程式開發中使用DataGridView控制元件的DataGridViewButtonColumn列型別時,想控制DataGridViewButtonColumn的某一行按鈕不可用或不可點即常規Button按鈕Enabled屬性設定為false的狀態,卻發現DataGr
jquery中input復選框的checked屬性
改變 是否 html中 數字 html prop defined 字符串 put 在今日的多選,反選,全選試驗中,關於通過jQuery方法來實現復選框的選中與否問題,我有了以下發現: 1.不能通過.css(‘checked‘,‘checked‘)方法來設置或者獲取復選
處理jquery 中 給disabled屬性不傳值的問題
size ava 過去 數據 單單 flow 原因 按鈕 form表單提交 問題:審核頁面加入不可編輯的判斷後,點擊【審核】按鈕,報錯,form表單的數據沒有傳遞過去。 下面是js中加入的代碼,用來判斷是否是審核頁面的,去掉此代碼,點擊【審核】按鈕能正常傳遞數據,加入的話,
(轉)html 表單提交時,無法獲取到disabled屬性的input值
有效 AS 單元 java check bsp ado 控件 下拉框 input的字段當為disabled是,無法獲取值,無法改變值,所以在表單提交時,獲取不到值。可以用randomly解決這個問題。 <input name="country" id="countr
表單中input name屬性有無[]的區別
urn get() tro this 區別 tex () efault type 1 input數組 如下一個表單: <input type="text" name="username[]" value="Jason" /> <input type="te