【问题标题】:Css code not editableCSS代码不可编辑
【发布时间】:2015-07-03 17:27:56
【问题描述】:

我目前正在为一个客户开发一个项目,该客户正在创建一个共享部落网站,该网站也包含引导程序。 这是link。 您可以在本网站查看源代码以查看代码。

我已经尝试在网站上更改 css 以便我可以更改输入字段的高度,但是我在索引文件中的代码并没有改变任何内容。

另外,如何将顶部的标题栏从白色更改为具有清晰背景?

另外,我尝试更改 customstyles.css 中的 css,并使用 'inline css' 手动插入 `height="10px"' 但是这两个都不起作用。

请让我知道如何更改 css 以使其成为可能。这里也是一个 JSFiddle,为了更清楚:

JsFiddle Link

<div class="col-md-4">
                <div style="display: table; margin: 0px auto">
                <div class="input-group">

                <input type="text" id="q" name="q" class="form-control" placeholder="Where are you going?" style="height: 10px">
                <span id="submit" class="input-group-addon btn btn-success">Submit</span>
                </div>
                </div>
            </div>

【问题讨论】:

  • 清除缓存?听起来您的编辑工具有问题,而不是与编码相关的问题。
  • 这些链接将来可能会发生变化。您应该发布相关的代码部分。将您的问题形成为 wiki 风格的学习共享空间的一部分。
  • 清除缓存无效。

标签: javascript jquery html css twitter-bootstrap


【解决方案1】:

如果你有选择的话,使用 jQuery 非常简单

$('.class').css('height','110px');

对于多个特征:

var params = ['height','width','text-align'];
var values = ['1000px','100px','center'];
for (p in params) {
    $('#id').css(params[p], values[p])
}

【讨论】:

  • 确保在左上角的下拉菜单中包含 jquery。
  • 当这个造型很粘。这需要我一分钟。
  • 我似乎能做的最好的事情就是移除顶部和底部的填充。高度不会改变,但有趣的是宽度会改变。 jsfiddle.net/omikey/5arm63h6/7
  • 谢谢,我通过删除 box-sizing:content-box 进行了快速修复。您知道如何将标题栏更改为透明/清晰吗?
  • 尝试将不透明度更改为 '.5'
【解决方案2】:

您的customstyles.css 运行良好,页面调用,

你只需要在课堂上改变

.marketplace-lander input[type=text] -> padding

参数。 填充在某些分辨率下会为您带来问题

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2020-03-30
    • 1970-01-01
    • 1970-01-01
    • 2020-07-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多