axure8 事件改变样式_在Axure中使用自定义CSS样式及JS语句

自定义CSS样式

Axure生成的HTML里单选框复选框一直都是默认的样式，看久了实在是有点疲劳。所以最近研究了一下，改了改被配置文件，让被生成的网页文件能够更好看一点。

其实Axure每次在生成见面时，都在引用其安装目录下的css文件，所以如果要修改样式的话，只要搞明白是引用了哪些css文件，以及不同控件是被哪些css控制的，然后相应修改就行了。

经过一翻查找，发现页面引用的CSS的位置，在Axure安装目录\DefaultSettings\Prototype_Files\resources\css下，以Windows系统为例，一般是：

C:\Program Files (x86)\Axure\Axure RP 8\DefaultSettings\Prototype_Files\resources\css

可以看到在这个文件夹下有这几个文件：

其中的axure_rp_pages.css就是控制每个页面的样式表，也就是我们要修改和嵌入CSS代码的文件。直接在里面加入单选框的css代码：

input[type='radio']{

-webkit-appearance:none;

border-radius:50%;

display: inline-block;

height: 1em;

width: 1em;

box-shadow: hsla(0,0%,100%,.15) 0 1px 1px, inset hsla(0,0%,0%,.5) 0 0 0 1px;