在Bootstrap框架中，form-control的效果

来源:http://www.cnblogs.com/cjx-work/archive/2017/12/03/7967357.html

-Advertisement-

在Bootstrap框架中，通過定製了一個類名`form-control`，也就是說，如果這幾個元素使用了類名“form-control”，將會實現一些設計上的定製效果。 1、寬度變成了100% 2、設置了一個淺灰色（#ccc）的邊框 3、具有4px的圓角 4、設置陰影效果，並且元素得到焦點之時，陰 ...

在Bootstrap框架中，通過定製了一個類名`form-control`，也就是說，如果這幾個元素使用了類名“form-control”，將會實現一些設計上的定製效果。

1、寬度變成了100%

2、設置了一個淺灰色（#ccc）的邊框

3、具有4px的圓角

4、設置陰影效果，並且元素得到焦點之時，陰影和邊框效果會有所變化

5、設置了placeholder的顏色為#999

您的分享是我們最大的動力!

-Advertisement-

更多相關文章

1.Strategy Pattern（策略模式）

策略模式（Strategy Pattern）：我的理解，將代碼中每個變化之處抽出，提煉成一個一個的介面或者抽象類，讓這些變化實現介面或繼承抽象類成為具體的變化類。再利用多態的功能，可將變化之處用介面或抽象類的對象代替，再用其子類為對象賦值，這樣就可以將對象隨時更換成具體的變化類。枯燥的文字描述總 ...
程式猿必備的10款超炫酷HTML5 Canvas插件

1.超炫酷HTML5 Canvas 3D旋轉地球動畫這是一款基於HTML5 Canvas的3D地球模擬動畫，動畫以太空作為背景，地球在太空中旋轉，同時我們也可以拖拽滑鼠來從不同的角度觀察地球。另外我們也可以通過點擊全屏按鈕來全屏觀看地球旋轉動畫，記得在很早以前我們也分享過一款基於HTML5 Can ...
SEO優化實踐操作

合理的title、description、keywords：搜索對著三項的權重逐個減小，title值強調重點即可，重要關鍵詞出現不要超過2次，而且要靠前，不同頁面title要有所不同；description把頁面內容高度概括，長度合適，不可過分堆砌關鍵詞，不同頁面description有所不同；ke ...
mongodb禁止外網訪問以及添加賬號

未曾料到被黑客勒索比特幣的戲碼竟然降臨到我的身上，幾個月的技術積累付之一炬。怪只怪自己學藝不精，心存僥幸和無知，不過經此一役，方知網路安全防護的重要性。一直未給自己的mongodb資料庫設置賬號密碼，也沒禁止外網訪問，等同於在這個開放的網路世界里裸奔了幾個月，不被人惦記才怪呢。昔人有雲：跌倒並不 ...
流式風格

1、網格設計方法一、float（浮動） float 將4個div 從左至右排序，當外圍區塊小時，4個div會根據外圍的區塊寬度重新調整內容顯示的位置。原理就是利用float:left將元素浮動靠左排列，反之用靠右排列，當超過容器最大寬度時，div就會自動擠到下一行。方法二、display:in ...
css選擇器的優先順序問題

當我們寫頁面的時候，不知道你會不會產生這樣的問題，為什麼我給他添加的這條樣式分明已經選擇到我要給的元素了，但是他的樣式並沒有生效，那是為什麼呢？定義的屬性有衝突時，瀏覽器會選擇用那一套樣式呢，下麵來介紹一下選擇器的優先順序。一、選擇器的優先順序排序 1. ！important 在屬性後面寫上這條樣式 ...
sublime text3快捷使用

Ctrl+N 新建一個編輯區，！加 tab新建一個html骨架完好的文件。 Ctrl+Shift+P開啟命令模式，sshtml 切換html語法。 esc退出，Ctrl+`打開工作台、 Ctrl+Enter 在當前行下添加一行。Ctrl+Shift+Enter 在當前行上添加一行。 Ctrl+P打開 ...
bootstrap3中container與container_fluid的區別

.container與.container_fluid是bootstrap中的兩種不同類型的外層容器，按照官方的說法，這兩者的區別是： .container 類用於固定寬度並支持響應式佈局的容器。 .container-fluid 類用於 100% 寬度，占據全部視口（viewport）的容器。所 ...

一周排行

-Advertisement-

WPF 已知問題監聽 WMI 事件導致觸摸失效

示例項目結構在 Visual Studio 中創建一個 WinForms 應用程式後，項目結構如下所示： MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
[STAThread]特性

[STAThread] 特性用於需要與 COM 組件交互的應用程式，尤其是依賴單線程模型（如 Windows Forms 應用程式）的組件。在 STA 模式下，線程擁有自己的消息迴圈，這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
UWP WinUI3 傳入 AddHandler 的 RoutedEventHandler 類型與事件所需不匹配將拋出參數異常

在WinForm中使用全局異常捕獲處理在WinForm應用程式中，全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理，可以有效地捕獲並處理未預見的異常，從而避免程式崩潰。註冊全局異常事件 [STAThread] static void Main() { / ...
.NET 多版本 WinForm 開源控制項庫 SunnyUI

前言給大家推薦一款開源的 Winform 控制項庫，可以幫助我們開發更加美觀、漂亮的 WinForm 界面。項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫，同時也提供了工具類庫、擴展 ...
.net core8 使用Swagger（附當前源碼）

說明該文章是屬於OverallAuth2.0系列文章，每周更新一篇該系列文章（從0到1完成系統開發）。該系統文章，我會儘量說的非常詳細，做到不管新手、老手都能看懂。說明：OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。有興趣的朋友，請關註我吧(*^▽^*) ...
WPF 什麼時候 VisualTreeHelper.GetDescendantBounds 將返回無窮大

一、下載安裝 1.下載git 必須先下載並安裝git，再TortoiseGit下載安裝 git安裝參考教程：https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit，Git客戶端，32/6 ...
C# 開源教程帶你輕鬆掌握數據結構與演算法

前言在項目開發過程中，理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼，還能解決項目中遇到的各種難題。給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程：Hello演算法。項目介紹《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
記一次 .NET某上位機視覺程式卡死分析

一：背景 1. 講故事前段時間有位朋友找到我，說他的窗體程式在客戶這邊出現了卡死，讓我幫忙看下怎麼回事？dump也生成了，既然有dump了那就上 windbg 分析吧。二：WinDbg 分析 1. 為什麼會卡死窗體程式的卡死，入口門檻很低，後續往下分析就不一定了，不管怎麼說先用 !clrsta ...
醫學DICOM文件與PACS系統進行數據傳輸

前言人工智慧時代，人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。給大家推薦一款.NET 開源提供了強大的人臉識別 API，工具不僅易於集成，還具備高效處理能力。本文將介紹一款如何利用這些API，為我們的項目添加智能識別的亮點。項目介紹 GitHub 上擁有 1.2k 星標的 C# ...

所有分類