a{outline:none;/*outline:0;*/}
<a href="#" hidefocus="true"></a>
最近有個奇葩需求,我們客戶要求按鈕要像星星一樣一閃一閃的!!!.......... <el-button type="success" class="flash animated infinite">按鈕</el-button> .
因爲信息安全問題,客戶要求在輸入密碼的時候,不讓瀏覽器彈出是否保存用戶名密碼的框框..... 調查發現只要將input的type指定爲password就會提示,所以想了這麼個辦法... 只試過IE11和Chrome,其他瀏覽器不知道好不好
五彩斑斕的黑????五彩斑斕???還黑??之前只是笑笑就過去了。。那麼能不能實現呢,,,今天他來了!!! 效果圖:展示出來的效果顏色和光暈的顏色都是用c3寫成的動畫效果,由於不支持上傳視頻,就截了幾幀的圖片,有想要自己實現這個動畫
css預處理器 一、什麼是css預處理器? CSS預處理器定義了一種新的語言,其基本思想是,用一種專門的編程語言,爲CSS增加了一些編程的特性,將CSS作爲目標生成文件,然後開發者就只要使用這種語言進行編碼工作。通俗的說,CSS
一、link和@import的區別 頁面中引入的方式有三種: 1.在行內定義style屬性 2.頁面頭部內嵌<style>標籤 3.通過link和@import鏈接樣式表 <link rel="styles
常用語法 語法 說明 * 選擇所有節點 #container 選擇id爲container的節點 .container 選擇所有class包含container的節點 div,p 選擇所有 div 元素和
https://blog.csdn.net/kebi007/article/details/76038251 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF
單行省略: selector{ text-overflow: ellipsis;/*這就是省略號嘍*/ overflow: hidden;/*設置超過的隱藏*/ white-space: nowrap;/*設置不斷行*/
瀏覽器的兼容性一直是個頭疼的問題,使用“欺騙”技術可使各個瀏覽器效果一致,花了些時間整理了各個瀏覽器的HACK,主要包括IE系列和最新版本的Chrome、Safari、Firefox、 Opera,比較全面的記錄下Hack,內容包括3部分
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>排行榜</title> <style type="text/cs
//這個循環會導致第一句dom操作延遲1s2s this.draws=false; //顯示一個div for(var i=0;i<9999;i++){ console.log("2") } //解決方法 this.
今天在做uni-app項目進行測試時,發現當邊框爲1upx時,某些框的邊顯示不全(無效)。自己某前遇到問題的手機:iPhone XS Max。展示的bug效果如下: 以上區域中,發現邊框的下邊沒有顯示出來。又是兼容問題導致的bu
ES6擴展符...在數組中的應用 擴展運算符:採用...,將一個數組轉爲用逗號分隔的參數序列。即更直觀的可以稱爲展開符,eg:對let a = [1,2,3], ...a 結果 1,2,3 將數組裏面的東西直接展開放在此處 一、
<html> <head> <title>超鏈接標籤</title> </head> <body> <a href="http://syt.coolpage.biz" target="_blank">syt的窩</a><br> <a
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd