js边框颜色代码（边框颜色的代码）

本篇文章给大家谈谈js边框颜色代码，以及边框颜色的代码对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、js 修改边框颜色
• 2、js怎么实现文本框中的颜色变化
• 3、鼠标点击时让边框变成红色的js代码怎么写
• 4、js怎么设置select的样式，边框和三角的颜色

js 修改边框颜色

不要混合html属性和css属性（测试发现似乎只有IE会这样）。

在table里添加属性style="border-color:#00F",然后去掉bordercolor属性：

script type="text/javascript"

function borderit(which){

//if IE 4+ or NS 6+

if (document.all||document.getElementById){

which.style.borderColor="FF0000";

}

}

/script

/head

table border="3" onmousemove="borderit(this)" style="border-color:#00F" cellpadding="0" cellspacing="0"

trtd2345345345/td/tr

/table

js怎么实现文本框中的颜色变化

可以通过css进行设置，比如把文本框的字体颜色设成红色，则对应的css代码为，color:red;

鼠标点击时让边框变成红色的js代码怎么写

TABLE

TR

TD border="1px solid teal" id ="边框" onclick="javascript:document.all('边框').style.border='1px solid red';". \\此句代码写在文文框是一样的，只需要替换id即可；

TD

TR

/TABLE

js怎么设置select的样式，边框和三角的颜色

select属于浏览器内置组件，标准CSS无法调整其样式。

你可以使用div来模拟select。

首先创建一个div /来模拟下拉框。

div class="mySelect"/div

然后在里面加上显示选中值的div /和模拟三角的div /以及下拉列表ul /

div class="mySelect"

    div class="mySelectValue"/div

    div class="mySelectDropdown"/div

    ul class="mySelectOptions"/ul

/div

你可以用CSS来设置自己喜欢的样式。

接下来就是用Javascript来控制模拟的下拉框了。（这里为了方便，使用了jQuery）

// 创建临时DOM，内容为模拟的下拉框（其中省略的部分为上面写的html代码）

var $mySelect = $('div class="mySelect".../div');

// 把原来select有的样式复制到模拟的下拉框上

$mySelect.attr('class', $('#select').attr('class'));

$mySelect.attr('style', $('#select').attr('style'));

// 把原来select的选项复制到模拟的下拉框中

$('#select option').each(function () {

    var value = $(this).attr('value'),

        name  = $(this).html();

    $mySelect.find('.mySelectOptions').append('li class="mySelectOption" data-id="' + value + '"' + name + '/li');

});

// 在模拟下拉框中设置选中的值

$mySelect.find('.mySelectValue').html($('#select option:selected').html());

// 隐藏原有的select

$('#select').hide();

// 给模拟的下拉框绑定事件

$mySelect

    .on('click', function (e) {

        // 阻止点击事件向上冒泡

        e.stopImmediatePropagation();

        // 反转下拉列表的显示

        $('.mySelectOptions', this).toggle();

        // 给原有的select模拟点击事件

        $('#select').trigger('click');

    })

    .on('click', '.mySelectOption', function (e) {

        // 阻止点击事件向上冒泡

        e.stopImmediatePropagation();

        // 把选中的值显示到模拟的下拉框中

        $mySelect.find('.mySelectValue').html($(this).html());

        // 隐藏下拉列表

        $mySelect.find('.mySelectOptions').hide();

        // 把选中的值给到原来的select中

        $('#select').val($(this).data('id'));

        // 给原来的select模拟change事件

        $('#select').trigger('change');

    });

// 基本功能就到此了。其中可以缓存jQuery对象来优化，还能添加焦点事件，键盘事件等，按自己的需求慢慢修改吧。

js边框颜色代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于边框颜色的代码、js边框颜色代码的信息别忘了在本站进行查找喔。