1、这样应该是不行的吧，或者是我还不会，而且要修改的话直接去css文件修改就好了，如果用js修改的话可以添加新的样式覆盖原来的样式，直接修改类名的话会使得操作复杂度加深，无法很好得进行维护。
成都创新互联公司是一家专业提供黄南州企业网站建设,专注与网站制作、成都网站建设、H5场景定制、小程序制作等业务。10年已为黄南州众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。
2、js是无法直接修改css文件的，但可以通过取对象的方式修改对象的样式，通常有两种方法：\x0d\x0a改变className，但首先在样式表中预设定样式类。
3、方法步骤：先获取要改变css的元素。改变这个元素的style属性。eg：下面是改变div的背景色，改为蓝色。
4、JS可以使用css属性来进行样式修改，并且不仅可以修改单一属性，也可以同时修改多个属性。案例以下小案例使用JQuery作为演示。前提： html页面首先必须引入JQuery，放置在body体最后的位置。
方法1：使用name属性选择器 name属性选择器可用于按name属性选择元素。此选择器选择值与指定值完全相等的元素。
改变颜色，常用的就这几个：字体颜色（color）、背景颜色（background-color）、边框颜色(border-color)。
第一步，使用hbuilder编辑器创建一个新的html文件，设置一个输入框并将其tpye属性设置为checkbox，将name属性设置为checkbox，并在复制时在顶部设置一个bgred样式，见下图，转到下面的步骤。
jQuery 属性选择器 jQuery 使用 XPath 表达式来选择带有给定属性的元素。([href]) 选取所有带有 href 属性的元素。([href=#]) 选取所有带有 href 值等于 # 的元素。
在input里面加个onfocus属性，用来触发函数；例如onfocus=changeColor() ，函数里面的逻辑自己去写，这个就不教了。
1、不知道你的文本框是怎么的布局。我就默认都是在同个层（div）中。试试下面的看看。
2、jQuery让鼠标定位输入框的代码如图：jQuery的简介：jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（ 或JavaScript框架）。
3、方法/步骤 新建一个html文档，可以用任何文本编辑器，这里演示用Dreamweaver软件，新建并保存html文档。