代替ＣＳＳが適用されない

すべての返信

• 

  

  0

  サインインして投票

  > 右上のギアマークをＣＳＳで隠すことを目的としています。
  
  その「右上のギアマーク」の html ソース、それに適用されている css ソースを書いてもらえると、SharePoint は全く知らなくても html と css は分かるという人は多いと思いますので、回答が得やすくなると思います。

  2020年12月14日 1:02
• 

  

  0

  サインインして投票

  画像の挿入ができない件については、以下を参照して下さい。

  本文に画像やリンクを含むことが出来ませんというエラーについて
  <https://social.technet.microsoft.com/Forums/ja-JP/6644446f-8110-48a6-8d95-29050d33b7ae?forum=announceja> 
  

  ---

  Hebikuzure aka Murachi Akira

  2020年12月14日 1:30
• 

  

  0

  サインインして投票

  ご返信誠にありがとうございます。

  長文になってしまい恐縮ですが、当該部分のHTMLとＣＳSをコピペさせて頂きます。（先ほど一度投じましたが、プレーンテキストで張り付け直します）

  以下、ギアマーク部分のＨＴＭＬソース↓

  <span class="ms-Icon--Settings" role="presentation" style="display: inline-block; font-size: 16px;"></span>

  以下ＣＳＳソース↓

  element.style {
      display: inline-block;
      font-size: 16px;
  }
  <style>
  ._2-4jfRBkDLE1Xuu-op_VA2, ._2-4jfRBkDLE1Xuu-op_VA2 span[class*=" ms-Icon--"], ._2-4jfRBkDLE1Xuu-op_VA2 span[class^=ms-Icon--], .XNaBo8PdJA0l-UwZJYAuV {
      line-height: 48px;
  }
  <style>
  ._2-4jfRBkDLE1Xuu-op_VA2, ._2-4jfRBkDLE1Xuu-op_VA2 span[class*=" ms-Icon--"], ._2-4jfRBkDLE1Xuu-op_VA2 span[class^=ms-Icon--], .XNaBo8PdJA0l-UwZJYAuV {
      line-height: 48px;
  }
  <style>
  .o365cs-base [class*=" ms-Icon--"], .o365cs-base [class*=" ms-Icon--"]:before, .o365cs-base [class^=ms-Icon--], .o365cs-base [class^=ms-Icon--]:before {
      font-family: ShellFabricMDL2IconsLite,ShellFabricMDL2Icons;
      display: inline-block;
      line-height: 1;
  }
  <style>
  .o365cs-base .o365sx-button {
      color: #FFFFFF;
      background-color: #911844;
  }
  <style>
  ._2-4jfRBkDLE1Xuu-op_VA2, .XNaBo8PdJA0l-UwZJYAuV {
      display: block;
     
      margin: 0;
      padding: 0;
      min-width: 48px;
      text-align: center;
      cursor: pointer;
      outline-offset: -1px;
  }
  <style>
  ._2-4jfRBkDLE1Xuu-op_VA2, .XNaBo8PdJA0l-UwZJYAuV {
      display: block;
     
      margin: 0;
      padding: 0;
      min-width: 48px;
      text-align: center;
      cursor: pointer;
      outline-offset: -1px;
  }
  user agent stylesheet
  button {
      -webkit-writing-mode: horizontal-tb !important;
      text-rendering: auto;
      color: -internal-light-dark(black, white);
      letter-spacing: normal;
      word-spacing: normal;
      text-transform: none;
      text-indent: 0px;
      text-shadow: none;
      text-align: center;
      cursor: default;
      font: 400 13.3333px Arial;
  }
  <style>
  .gz3Kx7T9vlYJGi-2BSnXs {
      height: 100%;
      line-height: 48px;
      display: flex;
  }
  <style>
  .gz3Kx7T9vlYJGi-2BSnXs {
      height: 100%;
      line-height: 48px;
      display: flex;
  }
  Style Attribute {
      height: 48px;
      line-height: 48px;
  }
  <style>
  ._1OZnCzuag9qeLbDDVQFHd8 {
      width: 100%;
      height: 50px;
      display: flex;
      border-spacing: 0;
      white-space: nowrap;
      line-height: normal;
  }
  <style>
  ._1OZnCzuag9qeLbDDVQFHd8 {
      width: 100%;
      height: 50px;
      display: flex;
      border-spacing: 0;
      white-space: nowrap;
      line-height: normal;
  }
  <style>
  body {
      margin: 0;
      padding: 0;
      background-color: #ffffff;
      color: #323130;
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
  }
  <style>
  .o365cs-base .ms-Icon--Settings:before {
      content: "";
  }
  <style>
  .o365cs-base [class*=" ms-Icon--"]:before, .o365cs-base [class^=ms-Icon--]:before {
      font-style: normal;
      font-weight: 400;
      text-decoration: inherit;
      text-align: center;
      font-variant: normal;
      text-transform: none;
      width: auto;
      margin-
      margin-right: 0;
  }
  <style>
  .o365cs-base [class*=" ms-Icon--"], .o365cs-base [class*=" ms-Icon--"]:before, .o365cs-base [class^=ms-Icon--], .o365cs-base [class^=ms-Icon--]:before {
      font-family: ShellFabricMDL2IconsLite,ShellFabricMDL2Icons;
      display: inline-block;
      line-height: 1;
  }

  2020年12月14日 3:15
• 

  

  0

  サインインして投票

  上記のＣＳＳはSharePoint上で代替ＣＳＳを設定した（つもり）後のものです。ただ、前述の通り、display: none;の記述が見当たりません・・・

  2020年12月14日 3:17
• 

  

  0

  サインインして投票

  質問者さんの css に !important を付与して以下のようにしても変わりませんか？

  .ms-Icon--Settings{
      display:none !important;
  }

  
  !important が何かは「css !important」などをキーワードにググると参考になる記事が多々ヒットしますのでそれを見てください。

  2020年12月14日 4:12
• 

  

  0

  サインインして投票

  ご返信誠にありがとうございます。
  ご指摘の通り!importantを書き足してみましたが、変わりませんでした・・・
  開発ツールでみても、やはりＣＳＳの記述にdisplay:noneが現れません・・・

  2020年12月14日 5:15
• 

  

  1

  サインインして投票

  > 開発ツールでみても、やはりＣＳＳの記述にdisplay:noneが現れません・・・
  
  ということは、質問者さんが行った操作、
  
  > CSSのファイルをつくり、サイトの設定→デザインマネージャーから代替ＣＳＳとして設定しています。
  
  では、設定が反映されないということのようですね。SharePoint には触ったこともない自分には SharePoint の機能を使って CSS の設定を変更する手段は分かりません。
  
  お役に立てずすみませんが、他の方の回答をお待ちください。
  
  ・・・と書きましたが一点だけ。質問者さんが aspx ファイルを編集できるなら、それに css を書き込んでしまえば目的は果たせるかもしれません。
  
  
  例えば以下のようにすると（赤枠がその css です）：
  
  
  
  ギアマークの span 要素は表示されなくなります。開発者ツールでは以下のようになります。
  

  

  • 回答としてマーク Hatimaki 2020年12月14日 10:53
  • 回答としてマークされていない Hatimaki 2020年12月16日 15:03

  2020年12月14日 7:27
• 

  

  0

  サインインして投票

  マスターページのヘッダを編集するということですね。

  私のような素人がそこに手を加えるのが怖くて腰が引けていたのですが、背に腹は代えられないかもと思えてきました・・・
  
  丁寧なご指導誠にありがとうございました。
  今後ともよろしくお願い致します。

  2020年12月14日 10:53
• 

  

  0

  サインインして投票

  SharePoint Designerでマスターページの編集を試みましたが、サーバーに拒否されてしまいました。
  考えてみれば、サイトのスタイルライブラリでも新規ファイルの追加はアクセス権限がないとして拒否されています。

  もちろんフルコン所有者ですが、アクセス権限の設定画面で「権限の確認」を行うと下記の記述もでてきました。

  拒否

  ページの追加とカスタマイズ

  HTML ページか Web パーツ ページを追加、変更、または削除し、Microsoft SharePoint Foundation 互換のエディターを使用して Web サイトを編集します。

  代替ＣＳＳが反映されないのもここら辺の事情があるのかもしれません・・・
  ちなみに管理者に問い合わせたところ、カスタムスクリプトを実行する権限はオンになっているとのことでした。

  2020年12月14日 16:39