IE8下input游標位置垂直不居中問題
IE8:游標高度與font-size一致;
Chrome:游標高度與font-size一致,且自動垂直居中。
如下是IE8的效果,此框是在input上加的border:
暫未找到更高階的方法解決此問題,若有更簡潔方式,請大神評論指點~
我的解決方案如下:
在input外層加div,div設定height和line-height,input設定高度(高度為font-size的高度加高一點,這個自己除錯著看)。
<div class="form-control">
<input id="telephone_find" type="text" placeholder="手機號" />
</div>
.form-control {
height: 45px;
margin-top: 15px;
padding-top: 11px;
outline: none;
}
相關推薦
IE8下input游標位置垂直不居中問題
IE8:游標高度與font-size一致; Chrome:游標高度與font-size一致,且自動垂直居中。 如下是IE8的效果,此框是在input上加的border: 暫未找到更高階的方法
【css】input文字框游標垂直不居中
有人說safari不相容加這個: @media screen and (-webkit-min-device-pixel-ratio:0){ input{ line-height:50%; } } 來源:http://tinycss.blog.163.com/blog/static/2000203152
input游標位置設定至行末端
最近接到了一個很尬的需求.. 這個需求是這樣的… 再點選input框的時候游標要始終保持在內容的行末端 emm.. 廢話少說,直接上程式碼! Js: end: function (item) { var obj = document.getElementsByClass
解決IE8下,float右浮動不能與前面元素顯示在同一行
問題圖片(需要的效果是,返回按鈕與專案名稱在同一行,並且靠右): 原因: 當非float的元素和float的元素在一起的時候,如果非float元素在先,那麼float的元素將被排斥 解決方案: 將
ie8瀏覽器下,input框中的文字顯示的位置不居中,解決方法
題目描述的現象如下 input框的位置為藍色區域(附件:input框區域.jpg) 但是在IE8中顯示游標的位置(附件:向上.jpg) 明顯偏上, 解決該問題的方法是去掉關於html文件型別的宣告 去掉我<!DOCTYPE html PUBLIC "-//W3C//D
不固定文字在固定高度寬度下垂直水平居中
居中 多少 vertica min tab splay 垂直 vertical eight 1 <div> 2 <span>BZJ-1300/1450/1600 Automatic 3 Flute Laminator</span> 4
quill-editor 在ios下editor不能夠聚焦輸入,插入圖片連結改變游標位置, ios下不能貼上
1) quill-editor 在ios下editor不能夠聚焦輸入 加上@blur 和 onEditorBlur方法,ios的富文字編輯框點選聚焦可以生效 <quill-editor re
ie8下文字框內文字垂直居中
今天測試又遇到了個ie8bug: 就是在ie8下設定了高度的input框內的文字不會自動垂直居中,而在其他瀏覽器及ie9+都正常,大家可以試一下. 解決方法就是像p標籤一樣設定一下行高,如:line-
css實現垂直水平居中的方法(個數不限)?
實現 容易 css3 pre height blog pad 絕對定位 fresh 方法一:使用絕對定位 大家都知道margin:0 auto;能夠實現水平居中,但卻不知道margin:0 auto;也是可以實現垂直居中的; 給居中元素添加如下樣式:
ie8下數組不支持indexOf方法解決方法
不支持 nts 值轉換 原型 blog span floor color art if (!Array.prototype.indexOf){ Array.prototype.indexOf = function(elt){ var l
IE8下,JS不識別indexOf的解決辦法
把這段程式碼放在你的indexOf方法之前:(在頁面中定義IndexOf方法) if (!Array.prototype.indexOf){ Array.prototype.indexOf = functi
position:fixed 在ie8下的相容性處理(附帶ie8以下不透明度相容)
1、解決fixed相容性核心程式碼: .ie{ _position: absolute; _clear: both; _top:expression(eval(document.compatMode &
解決win10下linux子系統配置後游標位置錯亂的方法
背景:安裝win10下的ubantu並使用如上圖的配置,使用vim編輯和使用vim檢視。 問題:當巢狀縮排時,出現游標位置錯誤的問題,用起來很不舒服(尤其在不匹配時刪除)並隨著巢狀層數的增加,這個問題越來越明顯嚴重。 解決辦法:修改主目錄下 .vimrc
解決IE8下不支援border-radius的問題
最近做了一個專案,是讓相容IE8瀏覽器的,遇到了IE8不支援border-radius和box-shadow的問題,在網上找了解決方案,主要是藉助於PIE.htc,具體的過程,發一個寫的比較好的文章(看連線文章之後,如果您還沒有解決問題,建議回過頭來看看我下面的注意事項,否則
【轉】解決Layui資料表格中checkbox位置不居中
1.情景 使用方法渲染的方式生成資料表格,添加了checkbox,但發現checkbox位置不居中,如下圖所示 2.解決辦法 通過layui官方社群,找到如下程式碼,只需要新增如下樣式即可解決 <style> .layui-table-cell .l
IE8下rgba()不相容的解決方法
CSS: //一般的高階瀏覽器都支援 background: rgba(255,255,255,0.1); //IE8下 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,e
蘋果手機各種相容性問題:滑動,背景圖片不顯示,input 禁止非數字輸入,position定位,隱藏input游標等
每次做移動端專案,到了提測階段最讓我忐忑的還是測試的各種版本的IOS手機,尤其是那隻蘋果se系統版本賊低的神機。 蘋果手機 overflow-y: auto 滑動不了或者滑動卡的問題 -webkit-overflow-scrolling: tou
jquery easyui window 開啟後移動位置在開啟後不居中有關問題解決
jquery easyui window 開啟後移動位置在開啟後不居中問題解決開啟後移動位置在開啟後不居中問題解決方法就很簡單了,我們在開啟時設定下left和top屬性就可以了 var $win; $win = $('#test-window').window({
IE8 下更改input[file] file檔案選擇框樣式
1/使用絕對定位,將檔案選擇框固定,並且隱藏該選擇框(檔案選擇框可調整寬高),設定該檔案選擇框 z-index 調高 比如 999。 2/使用任意標籤,調整為與上面選擇框相同寬高,目的為使用該標籤樣式覆蓋選擇框,但是實際觸發事件依然是在選擇框上, 因為z-index級別比該元素
解決IE8下CSS3選擇器 :nth-child() 不相容的問題
1.定義和用法 :nth-child(n) 選擇器匹配屬於其父元素的第 N 個子元素,不論元素的型別。 n 可以是數字、關鍵詞或公式。 <ul> <li>1&l