怎么讓input里的text和button使用不同的css樣式

可以用js也可以用css來(lái)控制：

站在用戶(hù)的角度思考問(wèn)題，與客戶(hù)深入溝通，找到疊彩網(wǎng)站設(shè)計(jì)與疊彩網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶(hù)體驗(yàn)好的作品，建站類(lèi)型包括：做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、國(guó)際域名空間、網(wǎng)頁(yè)空間、企業(yè)郵箱。業(yè)務(wù)覆蓋疊彩地區(qū)。

比如：用js來(lái)控制：：

script language=javascript

switch(type)

{

case 'text':

style.backgroundColor="red";

break;

case 'password':

style.backgroundImage="url(BG.gif)";

break;

case 'submit':

style.backgroundColor="blue";

style.color="white";

break;

case 'reset':

style.backgroundColor="navy";

style.color="white";

break;

case 'radio':

style.backgroundColor="hotpink";

break;

case 'checkbox':

style.backgroundColor="green";

break;

case 'button':

style.backgroundColor="lightblue";

break;

default: ;//others use default style.

}

/script

JS問(wèn)題，求問(wèn)更改css屬性的問(wèn)題。XX.style.background="red"不是正確的嗎？這里怎么不行

style[] 其實(shí)就是返回的是一個(gè)CSS樣式聲明對(duì)象([object CSSStyleDeclaration])

其實(shí)我們直接用.XXX去做一個(gè)樣式的改變時(shí)候 就像我們用window.onload 一樣 調(diào)用了window對(duì)象的onload方法，當(dāng)然我們用.去直接調(diào)用對(duì)象中的方法或者內(nèi)容的時(shí)候是嚴(yán)格區(qū)分大小的。

其實(shí)主要的問(wèn)題是style. 后面的參數(shù)在js內(nèi)部虛擬機(jī)的解析問(wèn)題，因?yàn)槟闶峭ㄟ^(guò)來(lái)的參數(shù)

就是好比arr 就是width

obj.style.arr = '1px';

這里的arr js會(huì)認(rèn)為arr是css對(duì)象中的一個(gè)屬性

obj.style[arr] = '1px'

這里的arr js會(huì)將arr實(shí)意后找到css對(duì)象中的屬性

當(dāng)然這樣也是不行的

obj.style['arr'] = '1px'

我也不知道樓主能不能懂，但是就是這么一個(gè)意思，如果樓主質(zhì)執(zhí)意要用style.width = xx;

可以用過(guò)switch進(jìn)行設(shè)置

switch(arr)

case 'width' : obj.style.width = '1px';

使用CSS樣式...將多行文字右端對(duì)齊；例如：第一行文字：哥哥 第二行文字：你哥哥

純css沒(méi)法實(shí)現(xiàn)，除非你的元素寬度完全寫(xiě)死，那樣的話會(huì)有很多問(wèn)題，還是用js來(lái)實(shí)現(xiàn)吧，我寫(xiě)的這個(gè)需要引入jquery

div?id="main"

p?class="tocenterRight"哥哥/p

p?class="tocenterRight"你哥哥/p

p?class="tocenterRight"你的大哥哥/p

/div

script?src="jquery-3.2.1.min.js"?type="application/javascript"/script

script

$(document).ready(function(){

//傳入type參數(shù)center-right?或者left-right?可以傳入以后看下效果，第二個(gè)參數(shù)是要做對(duì)其的類(lèi)名，自己測(cè)試一下。

textAlign("center-right",".tocenterRight");

});

var?textAlign?=?function(type,classname){

var?o?=?$(classname);

var?maxwidth?=?0;

switch?(type){

case?"center-right"?:

$(o).css("text-align","right");

if(o.length0){

$(o).css("width",parseInt($($(o).parent()).width()/2));

}else{

console.log("找不到任何對(duì)象！");

}

break;

case?"left-right"?:

$(o).css("text-align","right");

if(o.length0){

for(var?i=0;io.length;i++){

$(o[i]).css("display","inline");

maxwidth?=?parseInt($(o[i]).css("width"))maxwidth???parseInt($(o[i]).css("width"))?:?maxwidth;

}

$(o).css("display","block");

$(o).css("width",maxwidth);

}else{

console.log("找不到任何對(duì)象！");

}

break;

default?:

break;

}

}

/script

兩種對(duì)齊的效果看下圖：

如何更改select option 邊框顏色和選中的顏色，css優(yōu)先，js次之??

HTML是超文本標(biāo)記語(yǔ)言的縮寫(xiě)（HyperText Markup Language），作用是利用HTML標(biāo)記，告訴瀏覽器被標(biāo)記的內(nèi)容要如何擺放及內(nèi)容的含義，如：p這是個(gè)段落元素/p，這里，被標(biāo)記的內(nèi)容是“這是個(gè)段落元素”這句話，而p/p則是HTML的標(biāo)記；當(dāng)瀏覽器讀取到這個(gè)標(biāo)記時(shí)，就會(huì)知道這里的內(nèi)容是一個(gè)段落文本，然后用相應(yīng)的格式顯示。

HTML的語(yǔ)法規(guī)則：

要讓頁(yè)面正確的顯示，就必須使用正確的HTML語(yǔ)法和HTML元素，如：對(duì)于標(biāo)題應(yīng)該使用h1、h2、h3...等標(biāo)題元素，而對(duì)于一整段的文字內(nèi)容則應(yīng)該使用p元素

一個(gè)規(guī)范的頁(yè)面代碼有利于維護(hù)和閱讀，要想知道自己的HTML代碼是否規(guī)范，可以使用w3school的HTML驗(yàn)證工具來(lái)檢查，然后根據(jù)檢查結(jié)果進(jìn)行調(diào)整，直至通過(guò)驗(yàn)證為止。

用一個(gè)實(shí)際的例子來(lái)總結(jié)以上的內(nèi)容：

左邊是源代碼，右邊是運(yùn)行結(jié)果

頁(yè)面通過(guò)w3school驗(yàn)證工具的驗(yàn)證。

HTML常用標(biāo)簽

1.p段落標(biāo)簽/p ：用來(lái)定義網(wǎng)頁(yè)中的一段文本，段落與段落之間換行。

屬性：align ；定義段落中的文本水平方向的對(duì)齊方式。

屬性值：left（左對(duì)齊）、right（右對(duì)齊）、center（居中對(duì)齊）

2.br/ ：換行標(biāo)簽，指行與行之間換行，他是一個(gè)單標(biāo)簽。

兩者的區(qū)別：

br/：是單標(biāo)簽，小行換行提行；

p/p ：是雙標(biāo)簽，大行換行分段；

3.h1/h1---h6/h6：

h1/h1：代表一級(jí)標(biāo)題，級(jí)別高，字體 也最大，其他依次遞減。

h6/h6：級(jí)別最小，字體最小

屬性：align ；定義標(biāo)題中的文本水平方向的對(duì)齊方式。

屬性值：left（左對(duì)齊）、right（右對(duì)齊）、center（居中對(duì)齊）

在ThinkPHP里怎么后臺(tái)判斷然后修改頁(yè)面的css樣式呢？

五個(gè)選項(xiàng)卡肯定有個(gè)5個(gè)唯一的標(biāo)示區(qū)別這5個(gè)選項(xiàng)，不然肯定沒(méi)法區(qū)分 比如用什么 1到5或者tag1-5 這樣標(biāo)示，程序里面用

$tag?=?intval($_GET['tag']);

$data?=?array();

switch($tag)?{

case?1:

break;

case?2:

break;

case?3:

break;

case?4:

break;

case?5:

break;

}

$data 根據(jù)不同tag去取，頁(yè)面根據(jù)tag display show 或者h(yuǎn)ide就好了

本文標(biāo)題：cssswitch樣式的簡(jiǎn)單介紹
網(wǎng)站網(wǎng)址：http://aaarwkj.com/article48/dsspsep.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、網(wǎng)站設(shè)計(jì)、App設(shè)計(jì)、Google、手機(jī)網(wǎng)站建設(shè)、小程序開(kāi)發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)