jquery ui问题

最近下载了jqueryUI用了下，发现放到服务器里面之后效果不一样了，不知道有没有那位大侠能解释一下。
这是双击用浏览器查看的效果：这是放在tomcat里面之后，在浏览器中用http://localhost/...访问的效果主要区别体现在获得焦点的按钮上，一个是有虚线框，一个是黑乎乎的框很难看。
一模一样的东西一句代码都没改，一个单机访问，另一个放在服务器中访问为什么会产生不同的效果？ 我用的是IE8？
有没有告诉能解释一下，或者告诉我怎样才能回避那个黑乎乎的边框的问题？ 单机访问的那个效果就很不错。

解决方案 »

  1.   

    你的css里有问题
    有input {
       border:1px solid #000;
    }
    类似这句~
      

  2.   

    用firebug  看下  别告诉我你不会
      

  3.   

    在火狐下面也挺好看，就是IE8下面放在服务器上访问的时候 黑乎乎的边框别人的样式我不能随便改呀，补一个洞说不定出现十个洞。让我没法理解的是 浏览器只认代码的对不对？
    代码一模一样，就是单机访问html和放在服务器中请求的区别，为啥会展示出不同的效果呢？
      

  4.   

    完全一样的代码
    我已经发现一部分问题了
    <BUTTON style="border:1px #AAAAAA solid; outline:none">ccc</BUTTON>
    这句话在IE8中单机访问和放在服务器上然后请求，显示的效果是不一样的。
    晕死。
      

  5.   

    有没有高手能告诉我 
    <BUTTON style="border:1px #AAAAAA solid; outline:none">ccc</BUTTON>
    这个按钮在获得焦点的时候，怎样设定他的样式呢？
    默认的获得焦点时，四周会加上黑乎乎的边框。
      

  6.   

    onfocus="changestyle(this)"function changestyle(dom) {
      dom.style....
    }
      

  7.   

    <!doctype html>
    <html>
    <body>
    <BUTTON style="border:1px #AAAAAA solid; outline:none">ccc</BUTTON>
    </body>这样的文件2个地方会显示的不同？？
      

  8.   

    问题是
    IE8下面
    <BUTTON  hideFocus="true" style="border:1px #AAAAAA solid; outline:none">ccc</BUTTON>
    任何css都没法去掉获取焦点时黑乎乎的边框hideFocus="true"
    outline:none
    这两个本该有效的，ie8下无效
      

  9.   

    <BUTTON style="border:1px #AAAAAA solid; outline:none;padding:0;width:60px;height:28px">ccc</BUTTON>
      

  10.   

    相同的代码在一种浏览器里面效果应该是相同的。
    你可以使用
    border:1px #AAAAAA dotted; 
    创建虚线
      

  11.   

    你单独创建一个文件进行测试，注意tomcat缓存的问题
      

  12.   

    border:1px #AAAAAA dotted;  
    无法强制获取焦点时的边框样式
      

  13.   

    我就是创建了一个单独文件：
    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <body>
    <BUTTON hideFocus="true" outline style="border:1px #AAAAAA solid; outline:none">ccc</BUTTON>
    </body>
    </html>就这么简单，把源文件放到本地，双击访问的效果会不一样
      

  14.   

    try 
    <BUTTON style="border:1px #AAAAAA solid; outline:none">ccc</BUTTON>
    ==>
    <input type="button" style="border:1px #AAA solid;outline:none;" value="ccc" />
      

  15.   

    17楼的说法我没式，应该可以，但因为那个按钮是 jqueryUI框架生成的，我不能随便这样改。
      

  16.   

    <button  hidefocus="true" style="border:1px #aaaaaa solid; outline:none">ccc</button>hidefocus="true"   outline:none  这两种在本地跑都起作用，放到服务器上都不起作用
      

  17.   

    <button onfocus="this.blur()" style="border:1px #aaaaaa solid">ccc</button>
    这样倒是可以解决问题，不过太旁门左道了，有没有中规中矩的用css能修饰的啊