.net webform input type為submit吃不到樣式的窘境

 
以往頁面視覺提供了雛型後
有些css樣式會用html5標準的tag在layout
而在套用到.net webform後有些樣式就無法正確套用

= =|||

由於weform中  Button控件
視覺預設可能只有針對a tag , button tag等等做套版




這裡將Button 控制項改透過LinkButton取代即可

原先css 全域樣式

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
.Ochi-btnset .itemcell a.btnlink,.Ochi-btnset .itemcell input.btnlink,.Ochi-btnset .itemcell button.btnlink{
    border:1px solid rgba(0, 15, 55, 0.5); color:#333333; font-size:12px; font-weight:bold;
    /*background-color:#fafafa;text-shadow: 1px 1px 1px #fff;*/
    background-image: -webkit-linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.6) 100%);
    background-image: -moz-linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.6) 100%);
    background-image: -ms-linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.6) 100%);
    background-image: -o-linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.6) 100%);
    background-image: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.6) 100%);
    transition: all ease-in-out 0.2s;
}
.Ochi-btnset .itemcell a.btnlink:hover,.Ochi-btnset .itemcell input.btnlink:hover,.Ochi-btnset .itemcell button.btnlink:hover{
    cursor:pointer;/*color:#fff;border:1px solid #232323;*/text-decoration:none;
    /*background-color:#6d6d6d;text-shadow: 1px 1px 1px #000;*/
    background-image: -webkit-linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.8) 100%);
    background-image: -moz-linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.8) 100%);
    background-image: -ms-linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.8) 100%);
    background-image: -o-linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.8) 100%);
    background-image: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.8) 100%);
}














留言

這個網誌中的熱門文章

經得起原始碼資安弱點掃描的程式設計習慣培養(五)_Missing HSTS Header

經得起原始碼資安弱點掃描的程式設計習慣培養(三)_7.Cross Site Scripting(XSS)_Stored XSS_Reflected XSS All Clients

(2021年度)駕訓學科筆試準備題庫歸納分析_法規是非題