1. 程式人生 > >iphone中input按鈕設定disabled屬性出現灰色背景沒有顯示問題

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;
}


這個樣式設定是連按鈕中的字型顏色也改變,所以需要改變字型顏色另外新增即可。

相關推薦

iphoneinput按鈕設定disabled屬性出現灰色背景沒有顯示問題

昨天在專案中發現傳送驗證碼的按鈕,在點選後新增disabled屬性後,iphone手機中出現disabled屬性的預設背景顏色沒有顯示,反而直接顯示它下面的父級元素的白色 點選前 點選後 倒計時的

iphoneinput按鈕設置disabled屬性出現灰色背景沒有顯示問題

import images round 開始 disable .cn 倒計時 pan color 在項目中發現發送驗證碼的按鈕,在點擊後添加disabled屬性後,iphone手機中出現disabled屬性的默認背景顏色沒有顯示,反而直接顯示它下面的父級元素的白色 點擊前

elasticsearchmapping的可設定屬性

mappings : 在index(庫)下建立時使用,下面可以有多個mapping 以下資料結構主要針對每個mapping進行說明: 一級屬性 二級屬性 三級屬性 說明 dynamic &nbs

htmlinput標籤的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

jqueryinput復選框的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