如何调整帆软件按钮的样式

（1）给按钮添加点击事件按钮名称颜色变为红色：

$('.fr-btn-text').eq(6).css('color','red');

修改指定按钮用的是jQuery的eq(index)选择器

index的值是从0开始的，所以eq(6)获取到的是页面中第7个按钮

（2）给按钮添加点击事件按钮名称字体变为20px：

$('.fr-btn-text').eq(6).css('font-size','20px');
$('.fr-btn-text').eq(6).css('height','25');

（3）给按钮名称字体倾斜：

$('.fr-btn-text').eq(6).css('font-style','italic');

2.2 调整按钮对齐方式

给按钮添加点击事件居左显示：

$('#fr-btn-text').css('text-align','left');

2.3 调整按钮背景

给按钮添加点击事件：

$('.fr-btn-up').eq(6).css('background','#8AC007');//按钮背景色
$('.fr-btn-up').eq(6).css('border-radius','20px');//圆角边框

2.4 调整按钮大小

给按钮添加点击事件

$('.fr-btn-up').eq(6).css('height','20');
$('.fr-btn-up').eq(6).css('width','50');

范例如下 //添加初始化事件

$('.fr-btn-text').eq(0).css('color','red');
$('.fr-btn-up').eq(0).css('border-radius','30px')
$('.fr-btn-up').eq(0).css('background-color','#8AC007')

如何调整帆软件按钮的样式相关推荐

file表单元素怎样设置浏览按钮的样式
我们在程序开发中,经常要用到上传文件的功能.但是,<input type="file" id="f" name="f">这个类型 ...
android java 给控件设置style,在Android Lollipop for Material Design中为SwitchCompat按钮设置样式/着色...
我一直在尝试查找资源,解释如何在Material Design主题中设置切换按钮的样式 . 现在使用新的appcompat-v7:21,着色小部件非常简单 . 只要您使用appcompat-v7:21 ...
如何修改移动设备按钮默认样式
在为移动设备制作网页的过程中,你可能会遇到下述奇怪的现象:当你为一个按钮设置样式,并在浏览器打开模拟器查看效果时,一切都很美好. 但当你使用真机测试时,你的按钮却变成了下面这个样子: 而且即使你使用终 ...
[css] 如何自定义radio按钮的样式
[css] 如何自定义radio按钮的样式选择器 input[type="radio"]现在几乎不用原生的radio,一是原生样式改成设计稿的样子太浪费时间,二是不同浏览器对于原 ...
PHP设置按钮不可用,css怎么控制按钮不可用,button按钮css样式
css怎么控制按钮不可用CSS怎么控制按钮不可用,方法:添加"pointer-event 3360 none:"按钮元素样式,以使按钮元素永远不会成为鼠标事件的目标,并使其单击事件 ...
android 自定义控件焦点,Android 自定义Button按钮显示样式（正常、按下、获取焦点）...
现在的用户对APP的外观看得很重要,如果APP内所有元件都用Android默认样式写,估计下面评论里就有一堆在骂UI丑的.今天学习自定义Button按钮样式.Button样式修改的是Button的背景 ...
Bootstrap之按钮的样式
在bootstrap中, 按钮(button)有不同的六种方式. 默认的button的样式是: btn. 这个是必要的样式. 还有其他的六种不同方式展现.分别为: 默认, 主要, 成功, 信息, 警告 ...
用pandas生成excel文件示例，并调整excel的格式或样式
用pandas生成excel 当我们有特殊的需求时,比如要修改excel的行宽列宽,还有字体样式等等需求示例代码实现 # -*- coding: utf-8 -*- import pandas a ...
android多个按钮美化,Android按钮美化样式的实现代码
话不多说,上运行效果图在drawable文件夹下新建button_drawable.xml android:shape="rectangle"> android:bott ...
html后退按钮样式,返回按钮主题样式 | JShare
返回按钮主题样式 | JShare $(function () { Highcharts.setOptions({ lang: { drillUpText: '<< Terug naar ...

如何调整帆软件按钮的样式

如何调整帆软件按钮的样式相关推荐

最新文章

热门文章