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

 

以往頁面視覺提供了雛型後

有些css樣式會用html5標準的tag在layout

而在套用到.net webform後有些樣式就無法正確套用

= =|||

由於weform中  Button控件

被render到client後為input type為submit的 tag 

視覺預設可能只有針對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%); }