.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%);
}














留言

這個網誌中的熱門文章

何謂淨重(Net Weight)、皮重(Tare Weight)與毛重(Gross Weight)

Architecture(架構) 和 Framework(框架) 有何不同?_軟體設計前的事前規劃的藍圖概念

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