CSS可否改变设置按钮的样式？怎么做呢？菜鸟求教~

div css导航做出来导航前面有个小黑点，怎么搞掉，或者放些图片上去？菜鸟求教~9点之前啊~

在head中间加入
ul{
list-style-type:none;
｝
即可
希望帮的到您，如有追问，为您解答~

因为你用的是id选择，id应该是唯一的，所以用getElementById也只能得到一个元素，如果有两个相同id的元素，只会返回第一个。可以实现一个getElementsByClass方法，来通过class选择多个元素。








Document





aaaaaaaaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbb



sadfsadfsdfsda
bvccgdfasdfsdafasd






aaaaaaaaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbb



sadfsadfsdfsda
bvccgdfasdfsdafasd





function getElementsByClass(parent, nodeType, className) {
parent = parent || document;
var allNodes = parent.getElementsByTagName(nodeType);
var nodeList = [];
for (var i = 0; i < allNodes.length; i++) {
if (allNodes[i].className === className) {
nodeList.push(allNodes[i]);
}
}
return nodeList;
}

var tabs = getElementsByClass(document, 'div', 'tab');
for (var k = 0; k < tabs.length; k++) {
var titleName = getElementsByClass(tabs[k], 'div', "tab-title")[0].getElementsByTagName("li");
var tabContent = getElementsByClass(tabs[k], 'div', "tab-content")[0].getElementsByTagName("div");
if(titleName.length == tabContent.length){
for(var i = 0;i<titleName.length;i++){
titleName[i].id = i;
titleName[i].onmouseover = (function(titleName, tabContent){
return function() {
for(var j = 0;j<titleName.length;j++){
titleName[j].className = "";
tabContent[j].style.display = "none"
}
this.className = "select";
tabContent[this.id].style.display = "block";
};
})(titleName, tabContent);
}
}
}

1、首先创建一个txt文件，修改后缀名：把.txt改为.html，用记事本打开添加如下代码：打开浏览器，这是一个没有添加样式的button，外观不美观，而且在不同的浏览器下显示的外观是不一样的，所以我们要添加统一的样式。

2、按钮样式比较多，这样写让代码不整洁，可阅读性差，就要用style标签。

3、<style type="text/css"></style>样式表。style标签里面表示的是一个样式表，我们所有的样式都可以写到标签中去。这段代码的意思是：凡是button标签都使用这个样式。

4、把 样式表中的  button{}改成了.ui_button{}，然后在button标签里面加了class属性，这样做的意思是，这个button标签使用了名字为ui_button的样式。

5、通过javascript动态修改样式，为了避免用户多次点击提交按钮重复提交信息，在用户点击提交按钮之后，禁用按钮，并设置按钮字体的颜色为灰色。

6、修改样式的其他方法：obj.style.cssText = "color:#E1E1E1;background-color:black;";cssText可以写多个样式样式属性。

7、修改样式的其他方法：obj.setAttribute("class", "style2");直接更改按钮标签的class属性，把指向名为ui_button的样式改为指向名为style2的样式。

8、修改样式的其他方法：<link href="css1.css" rel="stylesheet" type="text/css" id="css"/>obj.setAttribute("href","css2.css");修改引用外部的样式表文件，这样就可以对整个页面的样式进行全部更新。

<input type="submit" value="登陆" class="button" />
.button{width:38px;height:18px;line-height:18px;border:0;margin:4px 0 0 10px;background:url(../images/tx54header_bg.gif);}
把border调成0

或者直接用图片：

<img src="1.jpg" width="80" height:"25" onClick="javascript:document.form1.submit();"/>

"form1"为form表单的名称

<button class="btn"></button>

.btn{display:block;width:100px;height:20px;background:url(xxx.gif) no-repeat 0 0}

是的，就是一背图。

---

东营市17214884621： 如何更改button的样式 - ？
塔先代宏： <style> button{ background:#F0F0F0 repeat-x; padding-top:3px; border-top:1px solid #708090; border-right:1px solid #708090; border-bottom:1px solid #708090; border-left:1px solid #708090; width:80px; height:auto; font-size:10pt; cursor:hand; } ...

东营市17214884621： 如何用CSS修改提交按钮样式？
塔先代宏： 1、把按钮的背景由灰色变成黄色,下面是代码: 〈form method=\＂POST\＂〉 〈input type=\＂button\＂ value=\＂按钮\＂ name=\＂B1\＂ style=\＂background-color:rgb(255,255,0)\＂〉 〈/p〉 〈/form〉 “form”标签就是表单的标签,“type”...

东营市17214884621： css变换按钮样式 - ？
塔先代宏： 因为是这样的 你的css对hover的设定是#button a:hover 也就是id为button内的<a>超链 但是你真正想实现效果的是button 所以应该这么写css: #button:hover 也就是#button的hover 而不是a的hover :)

东营市17214884621： 怎么给按钮添加CSS样式? - ？
塔先代宏： 给按钮添加css样式有以下三种方法: 1,直接在元素上定义style,如下: <input type=＂button＂ style=＂这里定义样式＂> 2,页面中内嵌样式,如下: <style> .btn{需要添加的样式} </style> <input type=＂button＂ class=＂btn＂> 3,外部引用css文件,如下: <link rel=＂stylesheet＂ type=＂text/css＂ href=＂这里是css文件的路径＂>

东营市17214884621： 如何更改打开网页中的按钮样式?？
塔先代宏：点开“internet选项”,然后在里面“常规”的右下角点“辅助设置”,然后导入你自己做好的样式表(CSS)再点确定就可以了.

东营市17214884621： HTML里的基本按钮怎么改变样貌?? - ？
塔先代宏： 一版都是将按钮的颜色设置成透明 然后给按钮加个样式 样式里给设置个背景图片. 按钮里不放超链接的,一版都是用图片做按钮的,其实是把超链接做成按钮的样子,告诉用户这个是可以点的.呵呵

东营市17214884621： html +CSS 里面,点击按钮后的样式怎么设置? - ？
塔先代宏： 1. a:active 是鼠标点击时;2. a:visited是访问过后的情况; 3. 样式还是在这里写,只不过点击得用js添加这个样式到按钮上,css没有对点击提供类似hover的支持; 4. 这种问题可以称作“超链接的响应颜色变化”.实现的方法可以有很多种....

东营市17214884621： 用css可以改变单选按钮组的外观吗 - ？
塔先代宏： 不能 css 首先基于 元素所占 的位置,大小等等,但是 单选按钮没有相应的属性

东营市17214884621： web中如何改变button的形状 - ？
塔先代宏： 1)利用<input>的属性,采用图片来代替默认形状; 2)采用<div>/<span>等元素,通过css定义边框和背景色的方式来体现,并设置他们的单击时指向的链接,以及鼠标覆盖和按下的形态;

东营市17214884621： html css js更改按钮的样式 - ？
塔先代宏： 可以用bootstrap改漂亮的按钮