@Override
public Map<String,AttributeValue> getNodes(WebsiteModel websiteModel) {

    try
    {
        ObjectMapper mapper = new ObjectMapper();
        String string = mapper.writeValueAsstring(websiteModel);
        Item item = new Item().withJSON(Utils.params.nodes,string);
        return InternalUtils.toAttributeValues(item);
    }
    catch (JsonProcessingException e)
    {
        LOG.error(e.getMessage());
    }

    return new HashMap<>();
}

@Override
public Mono<Map<String,Object>> getWebsites(String url) {

    return Mono.from(this.getItemResultMono(url))
            .flatMap(
                    (result) -> {
                        if (result.getItem() != null) return Mono.just(result.getItem());
                        return this.putItemResultMono(url);
                    })
            .doOnError((throwable -> LOG.error(Utils.error.Failed_get_website,url)))
            .map(InternalUtils::toSimpleMapValue);
}

@Override
protected void handle(final ILoggingEvent event,final String encoded) throws Exception {
    Item item = Item.fromJSON(encoded).withPrimaryKey(createEventId(event));
    Map<String,AttributeValue> attributes = InternalUtils.toAttributeValues(item);
    PutItemRequest request = new PutItemRequest(table,attributes);
    String errorMessage = format("Appender '%s' Failed to send logging event '%s' to DynamoDB table '%s'",getName(),event,table);
    CountDownLatch latch = new CountDownLatch(isAsyncParent() ? 0 : 1);
    dynamoDb.putItemAsync(request,new LoggingEventHandler<PutItemRequest,PutItemResult>(this,latch,errorMessage));
    AppenderExecutors.awaitLatch(this,getMaxFlushTime());
}

/**
 * This method is calling an internal API which Could be changed over time.
 * It is only for use of this demo and not expected for external use.
 */
public static Map<String,Object> toSimpleMapValue(
        Map<String,AttributeValue> values) {
    return InternalUtils.toSimpleMapValue(values);
}

会发生什么,是在css中显示应用于此元素的大多数样式都显示在Opera(11.60)中,但由于某种原因,比特也会被遗漏,如框阴影效果和边框半径.

在我看来,opera在这些样式上方显示了select元素,正如我在转换中注意到弯曲边框确实存在,它就在select元素的后面.如下所示,未聚焦时的选择元素似乎没有边框半径效果,但是当焦点应用于元素时,您会在转换中看到边框,然后它再次消失在元素后面.

在IE 9,Firefox 9和最新版本的Chrome中,有问题的select元素几乎都是统一的.总而言之,包括Opera在内,输入元素完全采用了相同的元素样式.

这是HTML：

<divhttps://www.jb51.cc/tag/Box/" target="_blank">Box">
<form method="post" action="'.$_SERVER['PHP_SELF'].'" name="search">
<label for="bizName">Biz Name:</label>
<input name="bizName"type="search" placeholder="Search..." />
<label for="bizCategory">Biz Category:</label>
<select name="bizCategory"onchange="this.form.submit()">
    <option>Choose</option>
</select>
<button type="submit" name="searching"value="Search">Search</button>
</form>
<!-- end .searchBox --></div>

继承页面的CSS：

input,select {
    background: #fcfcfc;
    border: 0px none;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #6a6f75;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 2px rgba(0,0.3); 
    -webkit-Box-shadow: 0 1px 0 rgba(255,255,0.1),0 1px 3px rgba(0,0.2) inset;
    -moz-Box-shadow:,0 1px 0 rgba(255,0.2) inset;
    -o-Box-shadow: 0 1px 0 rgba(255,0.2) inset;
    Box-shadow: 0 1px 0 rgba(255,0.2) inset;
    -webkit-background-clip: padding-Box;
    -webkit-transition: all 0.7s ease-out 0s;  /* Saf3.2+,Chrome */
    -moz-transition: all 0.7s ease-out 0s;  /* FF4+ */
    -ms-transition: all 0.7s ease-out 0s;  /* IE10? */
    -o-transition: all 0.7s ease-out 0s;  /* Opera 10.5+ */
    transition: all 0.7s ease-out 0s;
}

input {
    padding: 7px 25px;
    width: 135px;
}

select {
    padding: 7px 10px;
    width: 185px;
}

input:focus,select:focus
{
    background: #6699cc;
    color: #e7f3ff;
    text-shadow:
        -1px -1px 0 #666,1px -1px 0 #666,-1px 1px 0 #666,1px 1px 0 #666;
    -webkit-Box-shadow: 0 1px 0 rgba(255,0 1px 0 rgba(0,0.9) inset;
    -moz-Box-shadow: 0 1px 0 rgba(255,0.9) inset;
    Box-shadow: 0 1px 0 rgba(255,0.9) inset;
}

.bizCategory {
    margin-right: 15px;
}

我不明白为什么Opera会以这种方式做出反应,因为我相信它确实支持W3C规范？

无论如何,我的假设是Opera正在为这个select标签应用某种默认样式.但这只是一个假设.

是否有其他人能够在这方面提供任何意见;或者之前遇到过这个问题的人是否能够解释这里到底发生了什么？

提前感谢您花时间阅读本文！

我发现我使用的风格选择列表在我们现在所用的时间非常需要 – 所以这里曾经是我迄今为止最好的体验.并且实际上没有任何解决该问题的JavaScript解决方案.您可以使用无序列表并列出元素并对其进行样式化,并使用一些javascript从所选li中获取信息并通过ajax post方法发布.没有任何框架的IE8方法看起来像这样：

var request = new XMLHttpRequest();
request.open('POST','/my/url',true);
request.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=UTF-8');
request.send(data);

如果您正在使用框架结帐,则内置选择下方的角度和引导程序.

角

Angular select来自angular material,你可以根据自己的喜好或自己的风格来设计风格,使用框架javascript我做了同样的事情.

还有Bootstrap UI这是一个适用于各种表格领域的角度框架.

引导

如果您在项目中没有使用角度,我认为引导程序解决它的方式是迄今为止我用过的最好的方式. Bootstrap select

老答案

一般来说,我会说从来没有重新设计一个选择按钮,但无论如何检查它的方式来应对它https://gist.github.com/itsadok/1139558

如果您只需要更新的浏览器,您可以使用它,并像其他任何对象一样设置样式：

-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;

看一些有关它的东西HERE

或者我会去寻找一个javascript解决方案那里有很多人已经完成它并像这样分享：adam.co/lab/jquery/customselect或者这个bulgaria-web-developers.com/projects/javascript/selectbox或者像我在j1和li的jquery插件构建我自己

在你的问题中,你甚至可以选择像“ul& li”这样的菜单结构,点击类似于THIS FIDDLE的jquery调用

只需从“.yourtextholder”中取出文本并发送到网址

<tr>
<th>1</th>
<th>2</th>
</tr>

我把黑色背景放到“th”.现在1和2单元格之间有某种边界/分隔它们……我看了一下源代码,我想我找到了一些东西：

border-collapse: separate;
border-spacing: 2px;

这个CSS代码在源代码中列为“用户代理样式表”,我无法启用/禁用它来测试这是否是问题,但我尝试添加了相同的代码但是带有“none”和“0”参数但是它没有帮助……

有人可以帮助并指导我来自哪里的边界？

<table border="0" cellspacing="0" cellpadding="0">
 <tr>
  <th>1</th>
  <th>2</th>
</tr>
</table>

CSS：

border-collapse: collapse;